// tabs.js
// 8-18-06
// Coded by SGB as a tab utility

var focusColor = "#27256c";
var blurColor = "#716FB9";

// Changes the style of current element to focus style
function applyFocus(elementID)
{
	var element = document.getElementById(elementID);
	element.style.color = focusColor;
	
	// switch on the elementID for custom controls
	// for each element
	switch (elementID)
	{

	
		case "insidetheboardsTab":
			document.getElementById("insidetheboardsArrow").src = "./images/tabInsideBoardsOn.gif";
			document.getElementById("fromthetopArrow").src = "./images/tabFromTop.gif";
			document.getElementById("clamchatterArrow").src = "./images/tabClamChatter.gif";		
			document.getElementById("insidetheboards").style.visibility = "visible";
			document.getElementById("fromthetop").style.visibility = "hidden";
			document.getElementById("clamchatter").style.visibility = "hidden";
			break
		case "fromthetopTab":
			document.getElementById("insidetheboardsArrow").src = "./images/tabInsideBoards.gif";
			document.getElementById("fromthetopArrow").src = "./images/tabFromTopOn.gif";
			document.getElementById("clamchatterArrow").src = "./images/tabClamChatter.gif";		
			document.getElementById("insidetheboards").style.visibility = "hidden";
			document.getElementById("fromthetop").style.visibility = "visible";
			document.getElementById("clamchatter").style.visibility = "hidden";
			break		
		case "clamchatterTab":
			document.getElementById("insidetheboardsArrow").src = "./images/tabInsideBoards.gif";
			document.getElementById("fromthetopArrow").src = "./images/tabFromTop.gif";
			document.getElementById("clamchatterArrow").src = "./images/tabClamChatterOn.gif";		
			document.getElementById("insidetheboards").style.visibility = "hidden";
			document.getElementById("fromthetop").style.visibility = "hidden";
			document.getElementById("clamchatter").style.visibility = "visible";
			break		

		default:
			alert("We're sorry, the tab system seems to be malfuntioning. Please reload this page and try again.");
	}
		
}

// Changes the style of current element to focus style
function blurFocus(elementID)
{
	var element = document.getElementById(elementID);
	element.style.color = blurColor;
}