addLoadEvent(initTabs);

function initTabs() {
  var tabs = document.getElementById('tabs');
  
  var tab1 = document.getElementById('tab1');
  var tab2 = document.getElementById('tab2');

  if(tabs && tab1 && tab2) {
    tab1.onmouseover = tab1_mouseover;
    tab2.onmouseover = tab2_mouseover;
    
    tab1.onmouseout = resetTabs;
    tab2.onmouseout = resetTabs;
    
    var tabsClass = tabs.className;
    var tab1Class = tab1.className;
    var tab2Class = tab2.className;
  }

  function tab1_mouseover () {
    tabs.className = "t10";
    tab1.className = "current";
    tab2.className = "";
  }
  
  function tab2_mouseover () {
    tabs.className = "t01";
    tab1.className = "";
    tab2.className = "current";
  }
  
  function resetTabs() {
    tabs.className = tabsClass;
    tab1.className = tab1Class;
    tab2.className = tab2Class;
  }
}

addLoadEvent(initRowClicks);

function getElementsByClassName(className, tag, elm){
  var testClass = new RegExp("(^|\\s)" + className + "(\\s|$)");
  var tag = tag || "*";
  var elm = elm || document;
  var elements = (tag == "*" && elm.all)? elm.all : elm.getElementsByTagName(tag);
  var returnElements = [];
  var current;
  var length = elements.length;
  for(var i=0; i<length; i++){
    current = elements[i];
    if(testClass.test(current.className)){
      returnElements.push(current);
    }
  }
  return returnElements;
}

function initRowClicks() {
  var catTables = getElementsByClassName('cat-table', 'table');
  for(var i=catTables.length-1; i>=0; i--) {
    var catTableTbodyRows = catTables[i].getElementsByTagName('tbody')[0].getElementsByTagName('tr');

    for(var j=catTableTbodyRows.length-1; j>=0; j--) {
      var td0_a = catTableTbodyRows[j].cells[0].getElementsByTagName('a')[0];

      if(td0_a) {
        catTableTbodyRows[j].onclick = function() {
          window.location = this.cells[0].getElementsByTagName('a')[0];
        }
      }
    }
  }
}