<%@ taglib uri="http://java.sun.com/jstl/fmt" prefix="fmt" %>
<fmt:setBundle basename="MessageResources"/>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<div Id="loadingDiv"  style="display:none;font-size:12px; font-weight:normal; font-family:arial,verdana,sans-serif;">
</div>
    <tr>
      <td width="20%" style="padding-left:5px;" valign="top">
         <table width="90%" border="0" cellspacing="0" cellpadding="0" > <!--left main table -->
            <tr>
               <td>
                  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="TblBorder">
                  <tr><td class="BgColorMedium" align="center"><fmt:message key="views"/></td></tr>
                  <tr>  <td nowrap style="padding-top:10px;">
                         <ul class="image">
                         <li class="Linktxtsmall" ><a  id="tag_showAllDocs" href="javascript:setSelectedTag('')"><fmt:message key="my.documents"/></a></li>
                         <li class="Linktxtsmall" ><a id="tag_showSharedDocs"  href="javascript:setSelectedTag('showSharedDocs')"><fmt:message key="shared.documents"/></a></li>
                          </ul>
                        </td>
                  </tr>
                 </table>
            </td>
         </tr>
		 <tr><td>&nbsp;</td></tr>
        <tr> <td>
                <table width="100%" border="0" cellspacing="0" cellpadding="0" class="TblBorder">
                     <tr><td class="BgColorMedium" align="center"><fmt:message key="my.tags"/></td></tr>
                     <tr><td><div id="tagsDiv" style="width=100%; height:150px;disply:none; overflow:auto;" >
                             </div>
                         </td>
                      </tr>
                </table>

            </td>
        </tr>
       </table><!--left main table end -->

    </td>
    <td valign="top" width="80%" style="padding-right:10px;padding-left:5px;">
      <!--Right Table Start -->
      <table width="100%" border="0" cellpadding="0" cellspacing="0">
          <tr>
               <td class="Linktxtsmall"  id="uploadCol"><fmt:message key="perform"/>: <a href="javascript:uploadDoc(this.document)"><fmt:message key="upload"/></a> | <a href="javascript:deleteDoc()"><fmt:message key="delete"/></a></td>
              <td  align="right" class="Linktxtsmall"><fmt:message key="search.files"/>: <input id="searchFieldText" type="text" onclick="javascript:clearText(this)" name="search_Field" value=""  class="borderColor" onkeyup="javascript:search();" /></td>
              <input id="searchField" type="hidden" value="">    
          </tr>
          <tr>
               <td colspan="2">
                <table width="100%" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td width="1%" class="borderBottomColor" ><img src="images/spacer.gif"/></td>
                      <td width="10%" id="documentTab" class="InnerTabSelect"><a href="javascript:showDocDiv()"><fmt:message key="documents"/></a></td>
                      <td width="1%" class="borderBottomColor"><img src="images/spacer.gif"/></td>
                      <td width="10%" id="presentationTab" class="InnerTabUnSelect"><a href="javascript:showShowDiv()"><fmt:message key="presentations"/></a></td>
                      <td width="1%" class="borderBottomColor">&nbsp; </td>
                      <td width="10%" id="workbookTab" class="InnerTabUnSelect"><a href="javascript:showSheetDiv()"><fmt:message key="spreadsheets"/></a></td>
                      <td width="62%" class="borderBottomColor">&nbsp;</td>
                    </tr> 
                </table>
             <td>
           </tr>  
          <tr> <td colspan="2">
               <div id="documentTableDiv" style="display:block;overflow:auto;height:400px;"></div>
               <div id="presentationTableDiv" style="display:none;overflow:auto;height:400px"></div>
               <div id="workbookTableDiv" style="display:none;overflow:auto;height:400px"></div>
         </td></tr>
     </table> <!--Right Table End -->
      </td>
  <tr>
</table> <!--main table ends -->
         <div id="sharedDocListDiv" style="overflow:auto;display:none">   
              <div id="sharedDocTable" style="display:none">
              </div>
              <div id="noSharedDocAvailable" style="display:none;">&nbsp;<br> &nbsp;<fmt:message key="no.shared.documents.available"/><br> &nbsp;
              </div> 
         </div><!--sharedDocListDi -->
     <div id="shareDiv">
         <div style="padding: 10px 20px 20px 20px;" align="left"><!--ss -->
             <div id="sharedHdrDiv" class="bubbleheader"><fmt:message key="share.your.document"/></div>
             <div id="shareLoadingDiv" style="display:none;font-size:12px; font-weight:normal; font-family:arial,verdana,sans-serif;">
             </div>
             <div id="shareTabOptions" style="font-size:12px; font-weight:normal; font-family:arial,verdana,sans-serif;margin-top:5px; margin-bottom:5px; "><span style="border-bottom:1px solid">&nbsp;&nbsp;</span><span id="tab1_option" onclick="javascript:showShareDiv()" style="padding: 1px 5px 0px 5px;border-top:1px solid;border-left:1px solid;border-right:1px solid;cursor:pointer;"><fmt:message key="share"/></span><span style="border-bottom:1px solid">&nbsp;&nbsp;</span><span id="tab2_option" style="padding: 1px 5px 0px 5px;border-bottom:1px solid ;border-top:1px solid;border-left:1px solid;border-right:1px solid;cursor:pointer;" onclick="javascript:showSharedDetailsDiv()"><fmt:message key="shared.details"/></span><span style="border-bottom:1px solid;width:185px"><img src="images/spacer.gif" width="185px" height="1"/></span>
             </div>
             <div id="shareTab1">
                  <div style="padding-top:5px; padding-bottom:5px;">
                       <span class="password"><fmt:message key="enter.email.address.to.view.document"/></span>
                        <textarea id="shareDoc_View" name="textarea" cols="40" rows="2"></textarea>
                  </div>
                  <div style="padding-top:5px; padding-bottom:5px;" >
                          <span class="password"><fmt:message key="enter.email.address.to.viewedit.document"/></span>
                          <textarea id="shareDoc_Edit" name="textarea" cols="40" rows="2"></textarea>
                  </div>
                  <div align="center" id="shareButtonDiv"></div>
             </div> <!--shareTab1-->
             <div id="shareTab2" style="display:none;padding-top:5px; padding-bottom:5px;">
                  <div id="shareTab2TableDiv" style="overflow:auto;height:140px;width:330px;border-bottom:1px solid #666666;border-top:1px solid #666666;border-right:1px solid #666666;Border-left:1px solid #666666;">                </div>
                  <div align="center" id="shareTab2BttnDiv" style="padding-top:10px"><input type="button" class="btnStyle" name="Cancel" value="<fmt:message key="cancel"/>" onclick="javascript:hideShareDoc();">
                  </div>
             </div><!-- shareTab2 -->
         </div><!--ss -->
    </div><!--sharediv -->
    <div id='menuDiv' style="display:none;border:1px solid black;" onmouseover="javascript:showMenuDiv()" onmouseout="javascript:hideMenuDiv()" >
    </div>
    <div id ="uploadDiv" style="padding: 10px 20px 20px 5px;position: absolute; display:none ; top: 448px; left: 468px; background-color:#b8d4ec; border:1px #999999 solid;">
           <form id="uploadForm" method="POST" enctype="multipart/form-data" target="uploadIFrame">
           <div class="bubbleheader"><fmt:message key="upload.document"/></div>
           <div id="uploadLoadingDiv" style="display:block" class="password">&nbsp;</div>
           <div style="font-size:13px;padding-top:5px; padding-bottom:5px;"><fmt:message key="filename"/>:<img src="images/spacer.gif" width="10" height="1"/><input id="browseField" type="file" name="content" size="20"></div>
           <div class="password" style="padding-bottom:3px;"><strong><fmt:message key="upload"/></strong> <fmt:message key="upload.file.types"/></div>
           <div align="center"><input id="uploadBttn" type="button" class="btnStyle" name="Import" value="<fmt:message key="upload"/>" onclick="javascript:importDoc()"> <input id="cancelBttn" type="button" class="btnStyle" name="Cancel" value="<fmt:message key="cancel"/>" onclick="javascript:hideImportView()"></div>
           <div id="specificParameters" style="display:none"></div> 
           </form>
         <IFRAME id="uploadIFrame" name="uploadIFrame" src="about:blank" width="0" height="0" marginheight="0" marginwidth="0" frameborder="0" onload="javascript:iFrameOnLoad()"></IFRAME>
    </div>
<script type="text/javascript">
getDocumentsData();
document.getElementById("docTab").className="MainTabSelect";
document.getElementById("meetingTab").className="MainTabUnSelect";
</script>
