Форум

var jsUtils =
{
   arEvents: Array(),

   addEvent: function(el, evname, func, capture)
   {
      if(el.attachEvent) // IE
         el.attachEvent("on" + evname, func);
      else if(el.addEventListener) // Gecko / W3C
         el.addEventListener(evname, func, false);
      else
         el["on" + evname] = func;
      this.arEvents[this.arEvents.length] = {'element': el, 'event': evname, 'fn': func};
   },
   
   FindChildObject: function(obj, tag_name, class_name)
   {
      if(!obj)
         return null;
      var tag = tag_name.toUpperCase();
      var cl = (class_name? class_name.toLowerCase() : null);
      var n = obj.childNodes.length;
      for(var j=0; j<n; j++)
      {
         var child = obj.childNodes[j];
         if(child.tagName && child.tagName.toUpperCase() == tag)
            if(!class_name || child.className.toLowerCase() == cl)
               return child;
      }
      return null;
   }
}

/************************************************/

function TabControl(name, unique_name, aTabs)
{
   var _this = this;
   this.name = name;
   this.unique_name = unique_name;
   this.aTabs = aTabs;
   this.aTabsDisabled = {};
   this.bExpandTabs = false;

   this.SelectTab = function(tab_id)
   {
      var div = document.getElementById(tab_id);
      if(div.style.display != 'none')
         return;

      for(var i in this.aTabs)
      {
         var tab = document.getElementById(this.aTabs[i]["DIV"])
         if(tab.style.display != 'none')
         {
            this.ShowTab(this.aTabs[i]["DIV"], false);
            tab.style.display = 'none';
            break;
         }
      }

      this.ShowTab(tab_id, true);
      div.style.display = 'block';

      document.getElementById(this.name+'_active_tab').value = tab_id;

      for(var i in this.aTabs)
         if(this.aTabs[i]["DIV"] == tab_id)
         { 
            this.aTabs[i]["_ACTIVE"] = true;
            if(this.aTabs[i]["ONSELECT"])
               eval(this.aTabs[i]["ONSELECT"]);
            break;
         }
   }

   this.ShowTab = function(tab_id, on)
   {
      var sel = (on? '-selected':'');
      document.getElementById('tab_cont_'+tab_id).className = 'tab-container'+sel;
      document.getElementById('tab_'+tab_id).className = 'tab'+sel;
   }

   this.HoverTab = function(tab_id, on)
   {
      var tab = document.getElementById('tab_'+tab_id);
      if(tab.className == 'tab-selected')
         return;

      tab.className = (on? 'tab-hover':'tab');
   }

   this.InitEditTables = function()
   {
      for(var tab in this.aTabs)
      {
         var div = document.getElementById(this.aTabs[tab]["DIV"]);
         var tbl = jsUtils.FindChildObject(div, 'table', 'edit-table');
         if(!tbl)
            continue;

         var n = tbl.rows.length;
         for(var i=0; i<n; i++)
            if(tbl.rows[i].cells.length > 1)
               tbl.rows[i].cells[0].className = 'field-name';
      }
   }

   this.Destroy = function()
   {
      for(var i in this.aTabs)
      {
         var tab = document.getElementById('tab_cont_'+this.aTabs[i]["DIV"]);
         if (!tab)
            continue;
         tab.onclick = null;
         tab.onmouseover = null;
         tab.onmouseout = null;
      }
      _this = null;
   }
}
/************************************************/