var panes = new Array();

function setupPanes(containerId, defaultTabId) {
  // go through the DOM, find each tab-container
  // set up the panes array with named panes
  // find the max height, set tab-panes to that height
  panes[containerId] = new Array();
  var maxHeight = 925; var maxWidth = 300;
  var container = document.getElementById(containerId);
  var paneContainer = container.getElementsByTagName("div")[0];
  var paneList = paneContainer.childNodes;

  for (var i=0; i < paneList.length; i++ ) {
    var pane = paneList[i];
    if (pane.nodeType != 1) continue;
    if (pane.offsetHeight > maxHeight) maxHeight = pane.offsetHeight;
    if (pane.offsetWidth  > maxWidth ) maxWidth  = pane.offsetWidth;
    panes[containerId][pane.id] = pane;
    pane.style.display = "none";
  }
  
    paneContainer.style.height = maxHeight + "px";
    paneContainer.style.width  = maxWidth + "px";
    document.getElementById(defaultTabId).onclick();
}

function showPane(paneId, activeTab) {
  // make tab active class
  // hide other panes (siblings)
  // make pane visible
  
    for (var con in panes) {
    
//     activeTab.blur();
    activeTab.className = "tab-active_i";
    if (panes[con][paneId] != null) { // tab and pane are members of this container
      var pane = document.getElementById(paneId);
      pane.style.display = "block";
      var container = document.getElementById(con);
      var tabs = container.getElementsByTagName("ul")[0];
      var tabList = tabs.getElementsByTagName("a")
      for (var i=0; i<tabList.length; i++ ) {
        var tab = tabList[i];
        if (tab != activeTab) tab.className = "tab-disabled_i";
      }
      
      for (var i in panes[con]) {
        var pane = panes[con][i];
        if (pane == undefined) continue;
        if (pane.id == paneId) continue;
        if (typeof(pane) != "object") continue;
       
        pane.style.display = "none";
      }
    }
  }
  return false;    
}

var	activeTab=0;
var	rotationOn = false;
var myString = "";
var paneContainer;
var	tabArray=[ "tab1","tab2", "tab3", "tab4" ];

function switchTabs() { 
  if(rotationOn)   {
   	//alert(activeTab);
      newActiveTab = (activeTab+1)%tabArray.length;            
	  switchToTab(newActiveTab);
      setTimeout("switchTabs()", 20000);
      activeTab = newActiveTab;
    }	
}

function switchToTab(newTabId) {
	document.getElementById(tabArray[newTabId]).onclick(); 		
}


function toggleRotate( ) {
  
  if( rotationOn ) {
      rotationOn = false;
	  document.getElementById("rotate_btn").src = "images/play.gif";  
    }
  else {
      rotationOn = true;      
      document.getElementById("rotate_btn").src = "images/stop.gif";
      switchTabs();
      
    }
}

function stopRotate() {
  rotationOn = false;    
  document.getElementById("rotate_btn").src = "images/play.gif";  
}