/* Overlapping tabs script by Nik Kalyani */

function displayTab(element, handler, displayTab)
{
	
	var ul = element.parentNode;
	
	if (ul)
	   	renderTabs(ul.id, handler, displayTab);

	callHandler(handler, ul, displayTab);
	return(false);
}

function callHandler(handler, ul, tab)
{
	try
	{
		eval(handler + "(ul,tab)");
	}
	catch(e)
	{
	}
}


function renderTabs(id, handler, displayTab)
{
	var ul = document.getElementById(id);
	ul.className = "overlappingTabs3";
	var listItems = ul.getElementsByTagName("LI");
        var tabs = [];
        var selectedTab = -99;
	for(var t = 0; t < listItems.length; t++)
	{
		var tabClass = listItems[t].className;

		if (tabClass == "middleSelected3")
			selectedTab = t;

		if ((tabClass.indexOf("left") != 0) && (tabClass.indexOf("right") != 0))
			tabs[tabs.length] = listItems[t].innerHTML;

	}

	if ((displayTab != null) && (displayTab < tabs.length))
		    selectedTab = displayTab;

	if (selectedTab == -99)
	{
		//optional: add code to check for last viewed tab cookie
	}

	if (selectedTab == -99)
	    selectedTab = 0;
	var tabHTML = "";
	for(var t = 0; t < tabs.length; t++)
	{
		tabHTML += "<li class='";
		var isSelected = (t == selectedTab);
		if (t == 0)
			tabHTML += (isSelected ? "leftSelected3" : "leftNormal3"); 
		else
		{
			if (selectedTab == (t-1))
				tabHTML += "rightSelectedNormal3";
			else
				tabHTML += (isSelected ? "rightNormalSelected3" : "rightNormalNormal3"); 
		}
		tabHTML += "'></li>"
		tabHTML += "<li class='" + (isSelected ? "middleSelected3" : "middleNormal3") + "'";

		if (handler)
			tabHTML += " onClick='displayTab(this,\"" + handler + "\"," + t + ")'";
 
		tabHTML += ">" + tabs[t] + "</li>";

		if (t == (tabs.length-1))
		{
			tabHTML += "<li class='";
			tabHTML += (isSelected ? "rightSelected3" : "rightNormal3") + "'></li>";
		}
	}
	ul.innerHTML = tabHTML;
	callHandler(handler, ul, selectedTab);
	
	// optional: add code to set last viewed tab cookie;
}