如何动态选中的选项卡

我的选项卡是调用js,每一个选项卡都是一个层（div）,默认显示第一个选项卡，第二个选项卡里有分页，分页是用PagedDataSource，点击第二个选项卡里分页button，直接显示第一个选项卡的页面，怎样显示第二个选项卡里内容（分过页后的）？怎样才能动态调用选项卡？
下面是选项卡的代码：function changbox(id,str,divstr,s){     <--调用js
for(i=1;i<=num;i++){
var bobj = $(str+i); if(i==id){
   if(s==1)
   {
   bobj.className = "menu_font";
   }
   else
   {
bobj.className = "mymenu_font";
}
$(divstr + i).style.display = "block";
}
else{ 
    if(s==1)
    {
    bobj.className = "submenu";
    }
    else
    {
bobj.className = "mysubmenu";
    }
$(divstr + i).style.display = "none";
}
}

}
<td class="menu_font" id="La1" onmouseover="changbox(1,'La','bnote',1)"  style=" width: 161px; height: 25px;" >
                            企业介绍</td><td class="submenu" id="La2" onmouseover="changbox(2,'La','bnote',1)" style=" height: 25px; width: 184px;" >形象展示</td>
<div ID="bnote1">   <--第一个选项卡的内容
       <p style="text-align:center; font-weight:bold; font-size:14px;" >
        <table width="100%"><tr ><td  class="qynav_nr" align="center"><asp:Literal ID="LiTop" runat="server"></asp:Literal></td></tr></table>
        </p>
         <table width="100%"><tr><td></td></tr></table>
           <p align="left">
                             <asp:Image ID="imgInfo" runat="server" width="300" height="190" align="right" CSSClass="qy_k" />
                             <asp:Literal ID="ltrContent" runat="server"></asp:Literal>
                      </p>
                    </div> <div  ID="bnote2" style=" display:none; z-index:0;">  <--第二个选项卡的内容
                     <p align="center"> 
                      <asp:DataList ID="DataImage" runat="server" RepeatDirection="Horizontal" RepeatColumns="4" >
                         <HeaderTemplate><table><tr></HeaderTemplate>
                         <ItemTemplate>
                         <td>
                        <%-- <a href="xsdwview.aspx?flag=<%# Eval("Photos_Id") %> ">--%>
                        <a href="admin/<%# Eval("Photos_Path") %>" rel="lightbox[p]">
                         <img   style="border:0px;" src="admin/<%# Eval("Photos_Path") %>" alt="<%# Eval("Photos_Description") %>" width="155" height="110" class="qy_k" />
                         </a>
                         <br />
                         <%# Eval("Photos_Title") %>
                         </td>
                         </ItemTemplate>
                         <FooterTemplate></tr></table></FooterTemplate>
                      </asp:DataList>
                     </p>
                     <p style="text-align:center;">
                     <asp:Literal id="ltrCurrent" runat="server"></asp:Literal><asp:ImageButton style="POSITION: static" id="imgBtnPre" onclick="imgBtnPre_Click" runat="server" ImageUrl="~/image/gif-0050.gif"></asp:ImageButton><asp:ImageButton id="imgBtnNext" onclick="imgBtnNext_Click" runat="server" ImageUrl="~/image/gif-0049.gif"></asp:ImageButton><asp:Literal id="ltrTotal" runat="server"></asp:Literal>
                     </p>
            </div>