var objSide = null;
var objSideButton = null;
var objActTab = null;
var sideName = null;
var actClassNameMod = '-a';
var inactClassNameMod = '';
var numSidebars = 6;
var numSideTabs = 6;
function initSide() {
  for (i=1;i<=numSidebars;i++) {
    sideName = 'side' + i + 'Button';
    objSideButton = document.getElementById(sideName);
    if (objSideButton) {
      objSideButton.onclick = sideButtonClick;
      height = 1.07*document.getElementById('mainContent').offsetHeight;
      sideName = objSideButton.id.substr(0, objSideButton.id.length - 6);
      objSide = document.getElementById(sideName);
      if (objSide) objSide.style ['height'] = height+'px';
    }
    for (j=1;j<=numSideTabs;j++) {
      sideName = 'side' + i + '-tab' + j;
      objSideButton = document.getElementById(sideName + 't');
      if (objSideButton) {
				objSideButton.onclick = sideTabClick;
				objSide = document.getElementById(sideName);
				if (objSide && (objSide.className == 'side-item-a') ) objActTab=objSide;
      }
    }
  }
  return;
}
function sideButtonClick(e) {
  objSideButton = document.getElementById(this.id);
  sideName = objSideButton.id.substr(0, objSideButton.id.length - 6);
  objSide = document.getElementById(sideName);
  if (objSide) {
    if (objSide.className == 'sidebar') objSide.className = 'sidebar-a'; 
    else objSide.className = 'sidebar';
  }
}

function sideTabClick(e) {
  objSideButton = document.getElementById(this.id);
  sideName = objSideButton.id.substr(0, objSideButton.id.length - 1);
  objSide = document.getElementById(sideName);
  if (objSide) {
    if (objSide.className == 'side-item') {
      toggleClassAct(objActTab,inactClassNameMod);
      toggleClassAct(objSide, actClassNameMod);
    } else {
      toggleClassAct(objSide,inactClassNameMod);
    }
  }
}

function toggleClassAct(objSideTab, classNameMod) {
  if(objSideTab) {
    objSideTab.className = 'side-item'+classNameMod;
    if (classNameMod == actClassNameMod) objActTab = objSideTab;
    else objActTab = null;
  }
}
