<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TopNav.aspx.cs" Inherits="TotCms.Web.Office.TopNav" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">    
    <title></title>
    <script src="../js/jquery-1.5.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
      var flag = false;
      function shift_status() {
        if (flag) {
          if (screen.width > 1024)
            parent.index1.rows = "60,31,*,25";
          else if (screen.width > 800)
            parent.index1.rows = "60,31,*,25";
          else
            parent.index1.rows = "60,31,*,25";
          document.all.menuSwitch1.src = 'images/roll_top.gif';
          document.all.menuSwitch1.title = '隐藏';
        }
        else {
          parent.index1.rows = "0,31,*,25";
          document.all.menuSwitch1.src = 'images/roll_bottom.gif';
          document.all.menuSwitch1.title = '显示';
        }

        flag = !flag;
      }
    </script>
    <style type="text/css">
<!--
body{
	font-family: "宋体";
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
#nav{ height:24px; margin-top:7px;}
#nav ul{ margin:0px; padding;0px; list-style:none;}
#nav li{ margin:0px; padding:0px; float:left; list-style:none; width:105px; line-height:24px; background-image:url(images/nav_r.gif); background-position:right; background-repeat:no-repeat;}
#nav a{ color:#ffffff; font-size:14px; text-decoration:none; float:left; display:block; width:103px; line-height:24px; text-align:center;}
#nav a.on{ background-image:url(images/nav_on.gif); color:#1F74C4; font-weight:bold;}
#scrtop{
	cursor:pointer;
	position:absolute;
	bottom:21px;
	right:20px;
}
#apDiv1 {
	position:relative;
}
-->
    </style>
<script type="text/javascript">
  $(function () {
    $('#nav a').click(function () {
      $('#nav a').removeClass('on');
      $(this).addClass('on');
    });
  });
</script>
</head>
<body>
    <form id="form1" runat="server">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td bgcolor="#0D4A8B" background="images/nav_bg.gif" valign="bottom">
      <div id="nav">
        <ul>
        <asp:Literal ID="liCatalogs" runat="server"></asp:Literal>
        </ul>
      </div>
      <script type="text/javascript">
          $('#nav_1').addClass('on');
      </script>
      <div id="apDiv1"> <div id="scrtop" onclick="shift_status()"><img id="menuSwitch1" src="images/roll_top.gif" height="8"></div></div></td>      
    </tr>
  </table>
    </form>
</body>
</html>
