Hutaoshu选项卡类

/*
  @tabid选项卡总容器ID
  @barid选项卡按钮总容器ID
  @contentid选项卡内容总容器ID
  @contentid选项卡激活时按钮样式名称ID
  @contentid选项卡未激活时按钮样式名称ID
  AddItem(tabitemid,itemid)@tabitemid:按钮ID,itemid:受@tabitemid控制显示内容ID
  */
    function HutaoshuTab(tabid,barid,contentid,activestyle,noactivestyle)
  {
  var t_tabid=tabid;
  var t_barid=barid;
  var t_contentid=contentid;
  var t_activestyle=activestyle;
  var t_noactivestyle=noactivestyle;
  var t_lastbar;
  var t_lastcitem; 
  this.AddItem=function(tabitemid,itemid)
  {
      this.ClearActived();
  if(document.getElementById(tabitemid)
    &&document.getElementById(itemid))
    {     
   
    t_lastbar=document.getElementById(tabitemid);
    t_lastcitem=document.getElementById(itemid);
    t_lastbar.className=t_activestyle;
    t_lastbar.style.cursor="hand";
    t_lastcitem.style.display="";
    t_lastbar.onmouseover=function()
    {       
       
      if(t_lastbar&&t_lastcitem)
      { 
      t_lastbar.className=noactivestyle;
      t_lastcitem.style.display="none";
      };
      t_lastbar=document.getElementById(tabitemid);
          t_lastcitem=document.getElementById(itemid);
       
      t_lastbar.className=t_activestyle;
          t_lastcitem.style.display="";               
    }   
    };
  };
  this.ClearActived=function()
  { 
     
  if(t_lastbar&&t_lastcitem)
  { 
    t_lastbar.className=noactivestyle;
    t_lastcitem.style.display="none";
  }
  };
  }