var panes = new Array();
var tabList = new Array();

var container = "";
var tabContainer = 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 = 0; var maxWidth = 0;

//  var 
//  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";


	container = document.getElementById(containerId);
	tabContainer = new Array();
	var temptabContainer = new Array();
	temptabContainer = container.getElementsByTagName("li");
	
	var con = 0;
	
	for (var c=0; c < temptabContainer.length; c++)
	{
		//tabList[c] = tabContainer[c].getElementsByTagName("a").id;
		if (temptabContainer[c].className == "tabsli")
		{
			tabContainer[con] = temptabContainer[c];
			con++;
		}
	}
	
	
	
	
	panes = new Array();
	tabList = new Array();
	var panelist = new Array();
	
	var b = 0;
	
	
 	paneList = container.childNodes;
	for (var c=0; c < paneList.length; c++)
	{
		//tabList[c] = tabContainer[c].getElementsByTagName("a").id;
		if (paneList[c].className == "divtabs")
		{
			panes[b] = paneList[c];
			
			panes[b].style.visibility = "hidden";
			panes[b].style.display = "none";	
			b++;
		}
	}
	
	
	//alert(panes.length);
	
	
	//tempTabList = ;
	
	//panes = container.getElementsByClassName("divtabs");
	for (var c=0; c < tabContainer.length; c++)
	{
		tabList[c] = tabContainer[c].getElementsByTagName("a")[0];
		
		
	}
	

	//panes[0].style.visibility = "visible";
	//panes[0].style.display = "block";
	
	//Show a random tab
	//var num=Math.floor ( Math.random ( ) * 5); 	
    document.getElementById(tabList[0].id).onclick();
	//activeTab.className = "tab-active";
}

function showPane(paneId, activeTab) {
  // make tab active class
  // hide other panes (siblings)
  // make pane visible

  
  	var pane = document.getElementById(paneId);
     pane.style.display = "block";
	 pane.style.visibility = "visible";
  
  
  	//activeTab.blur();
    activeTab.className = "tab-active";
  
  	for (var t = 0; t < tabList.length; t++)
	{
		if (tabList[t] != activeTab)
		{ 
			tabList[t].className = "tab-disabled";
			tabContainer[t].getElementsByTagName("div")[0].className = "leftcorner";
			tabContainer[t].getElementsByTagName("div")[1].className = "centretab";
			tabContainer[t].getElementsByTagName("div")[2].className = "rightcorner";
		}
		else
		{
			tabContainer[t].getElementsByTagName("div")[0].className = "leftcorneractive";
			tabContainer[t].getElementsByTagName("div")[1].className = "centretabactive";
			tabContainer[t].getElementsByTagName("div")[2].className = "rightcorneractive";
			
		}
	}
  	
	
  
	for (var a = 0; a < panes.length; a++)
	{
		
		if (panes[a] != pane)
		{
			panes[a].style.visibility = "hidden";
			panes[a].style.display = "none";
		}
	}
  
  
  
  
  
  return false;    
}


function sortTabs()
{
	setupPanes("tabsystem", "tab2");	
}