<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Top.aspx.cs" Inherits="oa.top" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title> 
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" />  
    <script src="Javascript/jquery-1.9.1.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>

    <style>
         
.navbar {
margin:0px; 
padding:0px; 
padding-left:15px;
padding-right:15px;
border-radius: 0;
background: #3498db;
}

.sitename {
color: #ffffff;
font-size: 24px; 
padding: 15px 12px; 
line-height: 20px;
}

 .navbar a {
     color:#ffffff;
      text-decoration:none;
    }

  
.nav_icon {
 display:block;
  font-size:24px;
   font-weight:normal;

}
.current_nav {
 background-color:#2980b9;
  height:64px; 
}

 
 .btn-nav  {
    width: 64px;
    font-size: 15px;
    border-radius: 8px;
    padding-bottom: 7px;
    padding-top: 8px;
    line-height: 1.45;
    height:64px;
  }
  ul#mainNav li {
     min-width:75px;
    }
 
  body {  
  font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
}

    </style>
  

     
</head>
<body    >
    <form id="form1" runat="server">  
         
       

	<div class="navbar"  >
        <table style="width:100%">
            <tr>
                <td style="width:320px;">               
	                <a class="sitename" target="_parent"  href="../default.aspx"><i class="glyphicon glyphicon-tree-conifer"></i> 启明星OA系统</a>
                 </td>
                <td   >
                     
    
        <div class="navbar-right">

       

<ul id="mainNav" class="nav  nav-pills "> 
    <li>
           <a class="btn btn-nav   <%=GetCss("Default") %>" target="left" href="/oa/oa/homenav.aspx">
					<i class="glyphicon glyphicon-th nav_icon"></i>首页																
			 </a>

    </li>

     <li>
           <a class="btn btn-nav <%=GetCss("NewsNav.aspx") %>"  target="left" href="/oa/news/NewsNav.aspx">
					<i class="glyphicon glyphicon-file nav_icon"></i>新闻																
		 </a>
       </li>


      <li>
           <a class="btn btn-nav <%=GetCss("AnnounceNav.aspx") %>" target="left" href="/oa/announce/AnnounceNav.aspx">
					<i class="glyphicon glyphicon-bullhorn nav_icon"></i>通知																
		 </a>
       </li>


      <li>
           <a class="btn btn-nav  <%=GetCss("DocNav.aspx") %>" target="left"  href="/oa/doc/DocNav.aspx">
					<i class="glyphicon glyphicon-folder-close nav_icon"></i>文档																
		 </a>
       </li>

      <li>
           <a class="btn btn-nav <%=GetCss("PhotoNav.aspx") %>" target="left" href="/oa/photo/PhotoNav.aspx">
					<i class="glyphicon glyphicon-leaf nav_icon"></i>图库																
		 </a>
       </li>

        <li>
           <a class="btn btn-nav <%=GetCss("Book") %>" target="left"  href="/oa/form/formnav.aspx">
					<i class="glyphicon glyphicon-tower nav_icon"></i>
                表单 																
		 </a>
       </li>


 
    
     <li>
           <a class="btn btn-nav " target="left" href="/oa/about/aboutnav.aspx">
					<i class="glyphicon glyphicon-leaf nav_icon"></i>关于																
		 </a>
       </li>


 

    

   


    <asp:PlaceHolder runat="server" ID="pl_edit_mode" Visible="false"  >

        
    
     <li>
           <a class="btn btn-nav " target="_blank" href="/oa/admin">
					<i class="glyphicon glyphicon-cog nav_icon"></i>管理																
		 </a>
       </li>

         
    </asp:PlaceHolder>
       
    
    
                  </ul>


            


          
        </div> 


                </td>
                <td style="width:260px; padding-left:20px; padding-right:10px; ">


                 <div class="navbar-right">
                    <ul class="nav navbar-nav">
                         
                        <li>
                            <a href="#"  onclick="togglechat(); return false; "  title="未读消息" >
                                <i class="glyphicon glyphicon-th-list"></i>
                                <span id="span_un_read_count" class="label p_label label-success  small"
                                     style=" vertical-align:text-top" >0</span>
                            </a>
                           
                        </li>
                  
                      
                        <li >
                            <a href="/oa/form/formnav.aspx?show=mylist" title="进行中的我的申请表单"   target="left"  >
                                <i class="glyphicon glyphicon-list"></i>
                                <span class="label p_label label-warning" style=" vertical-align:text-top;"><asp:Literal runat="server" ID="lt_count"></asp:Literal></span>
                            </a>
                           
                        </li>
                     
                        <li  >
                            <a href="myprofile.aspx" target="main" >
                                <i class="glyphicon glyphicon-user"></i>
                                <span>
                                    <asp:Literal runat="server" ID="lt_displayname"></asp:Literal> 
                                </span>
                            </a>
                            
                        </li>
                    </ul>
                </div>




                </td>
            </tr>

        </table>
       
         




        
         


      </div>





        <script>

            var ttt
            ttt = 2;//show
            msgcount = $("#span_un_read_count");

            function togglechat()
            {
             
                if (ttt == 2) {
                    ttt = 1; 
                    window.parent.oa.cols = "190px,*,0px,140px";
                   
                }
                else {
                    ttt = 2;
                   
                    window.parent.oa.cols = "190px,*,0px,0px";
                }


            }

        
            GetUnReadMsgCount();

            function GetUnReadMsgCount()
            {
                $.get("/oa/chat/get_unread_msg_count.aspx?=" + Math.random(), function (result) {
                        msgcount.html(result); 
                });  
            }
            
            setInterval("GetUnReadMsgCount()", 70000); 

          
            </script>


 
    </form>
</body>
</html>