// JavaScript Document

var TabGraphicStart = "<div class=\"TabGraphicStart\"></div>";
var TabGraphicEnd = "<div class=\"TabGraphicEnd\"></div>";
var SelectedTabContent = null;
var SelectedTab = null;
var AnyTabs = false;

function InitTabMenu()
{
	var TabIdNum = 0;
	var TabElm = document.getElementById('TabMenuContentPlaceHolder').getElementsByTagName('div');
	for(elm=0;elm<TabElm.length;elm++)
	{
		if((TabElm[elm].className=="TabMenu")&&(TabIdNum==0))
		{
			eval("Tab"+TabIdNum+" = new Tab(TabElm[elm],TabElm[elm].id,'Tab"+TabIdNum+"')");
			document.getElementById('TabMenuPlaceHolder').innerHTML += eval("Tab"+TabIdNum+".initTabOn");
			TabIdNum++;
			AnyTabs = true;
		}
		else if(TabElm[elm].className=="TabMenu")
		{
			eval("Tab"+TabIdNum+" = new Tab(TabElm[elm],TabElm[elm].id,'Tab"+TabIdNum+"')");
			document.getElementById('TabMenuPlaceHolder').innerHTML += eval("Tab"+TabIdNum+".initTabOff");
			TabIdNum++;
		}
	}
	if(!AnyTabs)
	{
		document.getElementById('TabMenuPlaceHolder').style.display = "none";
	}
	else
	{
		Tab0.id.style.display = "block";
		SelectedTabContent = Tab0.id;
		SelectedTab = Tab0.tabid;
	}
}
function Tab(id,name,tabid)
{
	this.name=name;
	this.id=id;
	this.tabid=tabid;
	this.initTabOn="<div id=\""+tabid+"\" class=\"TabSelected\" onclick=\"ShowTab('"+name+"',this)\">"+TabGraphicStart + "<a href=\"Javascript:void(0);\">" + name + "</a>" + TabGraphicEnd +"</div>";
	this.initTabOff="<div id=\""+tabid+"\" class=\"TabNotSelected\" onclick=\"ShowTab('"+name+"',this)\">"+TabGraphicStart + "<a href=\"Javascript:void(0);\">" + name + "</a>" + TabGraphicEnd +"</div>";
	this.TabOn=TabGraphicStart + "<a href=\"Javascript:void(0);\">" + name + "</a>" + TabGraphicEnd;
	this.TabOff=TabGraphicStart + "<a href=\"Javascript:void(0);\">" + name + "</a>" + TabGraphicEnd;
}

function ShowTab(TabContent,TabObj)
{
	//alert(TabContent+" | "+TabObj);
	SelectedTabContent.style.display = "none";
	document.getElementById(TabContent).style.display = "block";
	SelectedTabContent = document.getElementById(TabContent);
	
	eval("document.getElementById(SelectedTab).innerHTML="+SelectedTab+".TabOff");
	document.getElementById(SelectedTab).className="TabNotSelected";
	
	eval("TabObj.innerHTML="+TabObj.id+".TabOn");
	TabObj.className="TabSelected";
	SelectedTab=TabObj.id;
}