function addTab(tabId, tabs) {
  var numTabs = tabs.length;
  tabs[numTabs] = tabId;
}

var selectedTabsForInit = new Array();

function initTabs() {
  while(selectedTabsForInit.length > 0) {
    aSelectedTab = selectedTabsForInit.pop();
    var selectedTabId = aSelectedTab[0];
    var tabs          = aSelectedTab[1];
    var style         = aSelectedTab[2];
    var span          = aSelectedTab[3];
    var version       = aSelectedTab[4];

    selectTab(selectedTabId, tabs, style, span, version);
  }
}

function addTabForInit(selectedTabId, tabs, style, span, version) {
  var aSelectedTab = new Array();

  aSelectedTab[0] = selectedTabId;
  aSelectedTab[1] = tabs;
  aSelectedTab[2] = style;
  aSelectedTab[3] = span;
  aSelectedTab[4] = version;

  var currentNumSelectedTabs = selectedTabsForInit.length;
  selectedTabsForInit[currentNumSelectedTabs] = aSelectedTab;
}

function selectTab(selectedTabId, tabs, style, span, version) {

  //The type is either slant, rounded, or square
  var numTabs = tabs.length;
  var selectedTabIndex = 0;

  for(i=0; i<numTabs; i++) {
    var mainDivId = tabs[i]+'_main';
    var leftDivId = tabs[i]+'_left';
    var rightDivId = tabs[i]+'_right';
    var contentDivId = tabs[i]+'content';

    var mainDivObj   = document.getElementById(mainDivId);
    var leftDivObj   = document.getElementById(leftDivId);
    var rightDivObj  = document.getElementById(rightDivId);
    var contentDivObj  = document.getElementById(contentDivId);



    if(tabs[i]==selectedTabId) {
      selectedTabIndex = i;

      if(span=='float' || span=='fixed') {
        mainDivObj.className = 'tab_bar_'+style+'_div_main_container tab_bar_'+style+'_div_main_container_active'+version+' tab_bar_float_atab_div';
      } else {
        mainDivObj.className = 'tab_bar_'+style+'_div_main_container tab_bar_'+style+'_div_main_container_active'+version;
      }
      rightDivObj.className = 'tab_bar_'+style+'_div_right_container tab_bar_'+style+'_div_right_container_active'+version;
      leftDivObj.className = 'tab_bar_'+style+'_div_left_container tab_bar_'+style+'_div_left_container_active'+version;
      contentDivObj.style.display = 'block';
    } else {
      if(span=='float' || span=='fixed') {
        mainDivObj.className = 'tab_bar_'+style+'_div_main_container'+version+' tab_bar_float_atab_div';
      } else {
        mainDivObj.className = 'tab_bar_'+style+'_div_main_container'+version;
      }
      rightDivObj.className = 'tab_bar_'+style+'_div_right_container'+version;
      leftDivObj.className = 'tab_bar_'+style+'_div_left_container'+version;
      contentDivObj.style.display = 'none';
    }
  }

  /* Take these additional steps for the square tabs */
  if(style=='square') {
    if(tabs[0]==selectedTabId) {
      // Set it up in the instance of the first tab being selected.
      var LastTabRightId = tabs[(numTabs-1)]+'_right';
      var LastTabRightObj = document.getElementById(LastTabRightId);

      LastTabRightObj.className = LastTabRightObj.className + ' tab_bar_square_div_last_right_container_inactive';
    } else if(selectedTabId==tabs[(numTabs-1)]) {
      // Set it up in the instance of the last tab being selected.
      var FirstTabLeftId = tabs[0]+'_left';
      var FirstTabLeftObj = document.getElementById(FirstTabLeftId);

      var PrevTabRightId = tabs[(selectedTabIndex - 1)]+'_right';
      var PrevTabRightObj = document.getElementById(PrevTabRightId);

      FirstTabLeftObj.className = FirstTabLeftObj.className + ' tab_bar_square_div_first_left_container_inactive';
      PrevTabRightObj.className = PrevTabRightObj.className + ' tab_bar_square_div_previous_right_container_inactive';
    } else {
      // Set it up in the instance of one of the middle tabs being selected.
      var LastTabRightId = tabs[(numTabs-1)]+'_right';
      var LastTabRightObj = document.getElementById(LastTabRightId);

      var FirstTabLeftId = tabs[0]+'_left';
      var FirstTabLeftObj = document.getElementById(FirstTabLeftId);

      var PrevTabRightId = tabs[(selectedTabIndex - 1)]+'_right';
      var PrevTabRightObj = document.getElementById(PrevTabRightId);

      LastTabRightObj.className = LastTabRightObj.className + ' tab_bar_square_div_last_right_container_inactive';
      FirstTabLeftObj.className = FirstTabLeftObj.className + ' tab_bar_square_div_first_left_container_inactive';
      PrevTabRightObj.className = PrevTabRightObj.className + ' tab_bar_square_div_previous_right_container_inactive';

    }
  }

  return;
}

var blindDownObj;

function doBlindDown() {
  new Effect.BlindDown(blindDownObj);
}