//Available tabs
var tabs = new Array("menu0", "menu1", "menu2", "menu3", "menu4", "menu5", "menu6");
var hideTabs; 
var shown;

function change(oldClass, newClass) 
{
   var tagged=document.getElementsByTagName('a');
   for(var i = 0 ; i < tagged.length ; i++)
   {
      if (tagged[i].className==oldClass)
      {
         tagged[i].className=newClass;
      }
   }
}

function displayTab(tab)
{
	for (i=0; i < tabs.length; i++)
	{
		document.getElementById("group" + i).style.display = "none";
	}

   if (tab != -1)
   {
      document.getElementById("group" + tab).style.display = "block";
   }
}

function switchTab(tabNum)
{
	if (shown==0)
	{
   
	   for (i=0; i<tabs.length; i++)
	   {
	      //We just want to apply the CSS on start-up
	      //Clear all the Ids if any exists      
	      if (document.getElementById("tablink-" + tabs[i]))
	         document.getElementById("tablink-" + tabs[i]).id = "";
         
	      if (document.getElementById("group-" + tabs[i]))
    	     document.getElementById("group-" + tabs[i]).id = "";
         
    	  change(tabs[i] + "on", tabs[i]);       
	   }
   
	   if (tabNum != -1)
	   {
    	  change(tabs[tabNum], tabs[tabNum] + "on");       
	   }
   
	   displayTab(tabNum);
  
	   //Clear any timeout of hiding tabs
	   clearTimeout(hideTabs);
	}
}

//Hide all tabs and link groups
function hideAllTabs()
{	
  	hideTabs = setTimeout("switchTab(-1)",500);
}

function outMenu()
{
	shown=0;
	hideAllTabs();
}