function GetElementsByStyleClass (className) 
{
	var all = document.all ? document.all : document.getElementsByTagName('*');
	var elements = new Array();
	for (var e = 0; e < all.length; e++)
    if (all[e].className == className)
		elements[elements.length] = all[e];
	return elements;
}

var __currentTab = null;

function ActivateTab( tab)
{
	if( __currentTab != null)
	{
		__currentTab.className = "TabNormal";
		var idContent = __currentTab.id + "Content";
		var content = document.getElementById( idContent);
		content.className = "TabContentHidden";
	}
	
	tab.className = "TabActivated";
	__currentTab = tab;
	
	var idContent = tab.id + "Content";
	var content = document.getElementById( idContent);
	content.className = "TabContent";
	
}

function TabClick()
{
   if( __currentTab != this)
   {
      ActivateTab( this);
   }
}
function TabHoverIn()
{
   if( __currentTab != this)
   {
		this.className = "TabHilight";
	}
}
function TabHoverOut()
{
   if( __currentTab != this)
   {
		this.className = "TabNormal";
   }
}

function InitTabs()
{
	var tabs = GetElementsByStyleClass("TabNormal");
	var tabContents = GetElementsByStyleClass("TabContent");
	
	for( var iContents=0; iContents<tabContents.length; iContents++)
	{
	   var content = tabContents[iContents];
	   content.className = "TabContentHidden";
	}			
	
	for( var i=0; i<tabs.length; i++)
	{
		var tab = tabs[ i];
		tab.onclick = TabClick;
		tab.onmouseover = TabHoverIn;
		tab.onmouseout = TabHoverOut;
		
		if( i==0)
		{
		   ActivateTab( tab);
		}
	}
}