var oldTabId = 1;
var oldTabLink;

document.write('<style>');
document.write('.tabOn, .endTabLine { background-color:'+theme+';}');
document.write('</style>');

function switchTab (tabId) {
  
  if (oldTabId){
    oldTabLink = document.getElementById('tab'+oldTabId).getElementsByTagName('h2')[0].innerHTML;
    document.getElementById('tab'+oldTabId).getElementsByTagName('h2')[0].innerHTML = '&raquo;&nbsp;<a class="colorFFFFFFbld" href="javascript:switchTab('+oldTabId+');">'+oldTabLink+'</a>';
  }

    document.getElementById('tab'+oldTabId+'content').style.display = "none";
    document.getElementById('tab'+oldTabId).className = "tab tabOff";
    
    document.getElementById('tab'+tabId).className = "tab tabOn";
    document.getElementById('tab'+tabId+'content').style.display = "block";
  
    var activeTab = document.getElementById('tab'+tabId);
    
    var linkText = activeTab.getElementsByTagName("a")[0].innerHTML;
    activeTab.getElementsByTagName("h2")[0].innerHTML = linkText;
    
    oldTabId = tabId;

}

function dropdown(obj){
  var dd = obj.getElementsByTagName('div')[0];
  dd.style.width = dd.parentNode.offsetWidth + 'px';
  dd.style.display = dd.style.display != 'none' ? 'none' : 'block';
  return;
}