// middle_tabs.js
// 8-28-07
// Coded by SGB as a tab utility

var activeTabMiddle = "1";

// Changes the style of current element to focus style
function applyFocus(elementID)
{
	var element = document.getElementById(elementID);
	
	// turn all the tabs invisible
	document.getElementById("eventsTab1").style.visibility = "hidden";
	document.getElementById("eventsTab2").style.visibility = "hidden";
	//document.getElementById("eventsTab3").style.visibility = "hidden";
	//document.getElementById("eventsTab4").style.visibility = "hidden";
	///document.getElementById("eventsTab5").style.visibility = "hidden";
	
	// turn all the button to the off position
	document.getElementById("eventsBtn1").src = "/nsbase/wrap/park_theme/images/events_btn_off.gif";
	document.getElementById("eventsBtn2").src = "/nsbase/wrap/park_theme/images/events_btn_off.gif";
	//document.getElementById("eventsBtn3").src = "/nsbase/wrap/park_theme/images/events_btn_off.gif";
	//document.getElementById("eventsBtn4").src = "/nsbase/wrap/park_theme/images/events_btn_off.gif";
	//document.getElementById("eventsBtn5").src = "/nsbase/wrap/park_theme/images/events_btn_off.gif";

	// switch on the elementID to turn on what should be on
	switch (elementID)
	{
		case "eventsBtn1":
			document.getElementById("eventsTab1").style.visibility = "visible";
			activeTabMiddle = "1";
			break
		case "eventsBtn2":
			document.getElementById("eventsTab2").style.visibility = "visible";
			activeTabMiddle = "2";
			break
		case "eventsBtn3":
			document.getElementById("eventsTab3").style.visibility = "visible";
			activeTabMiddle = "3";
			break
		case "eventsBtn4":
			document.getElementById("eventsTab4").style.visibility = "visible";
			activeTabMiddle = "4";
			break
		case "eventsBtn5":
			document.getElementById("eventsTab5").style.visibility = "visible";
			activeTabMiddle = "5";
			break
		default:
			alert("The tab system does not recognize the following element: " + elementID);
	}
	
	// turn the active tab back to on
	document.getElementById("eventsBtn" + activeTabMiddle).src = "/nsbase/wrap/park_theme/images/events_btn_on.gif";
}

// Changes the style of current element to focus style
function blurFocusMid()
{
	// turn all the button to the off position
	document.getElementById("eventsBtn1").src = "/nsbase/wrap/park_theme/images/events_btn_off.gif";
	document.getElementById("eventsBtn2").src = "/nsbase/wrap/park_theme/images/events_btn_off.gif";
	//document.getElementById("eventsBtn3").src = "/nsbase/wrap/park_theme/images/events_btn_off.gif";
	//document.getElementById("eventsBtn4").src = "/nsbase/wrap/park_theme/images/events_btn_off.gif";
	//document.getElementById("eventsBtn5").src = "/nsbase/wrap/park_theme/images/events_btn_off.gif";
	
	// turn the active tab back to on
	document.getElementById("eventsBtn" + activeTabMiddle).src = "/nsbase/wrap/park_theme/images/events_btn_on.gif";
}

// The section below creates an automatic switch between tabs, until one is clicked

// global variables
var seconds = 500;
var rotateFlag = true;
var delay = 6;

var idArray = new Array(2);

idArray[0] = "eventsBtn1";
idArray[1] = "eventsBtn2";
//idArray[2] = "eventsBtn3";
//idArray[3] = "eventsBtn4";
//idArray[4] = "eventsBtn5";

// rotates through urls every delay seconds
function rotateTabs(iter) {
	
	// loop around if at end of array
	if (iter >= idArray.length)
		iter = 0;
	
	//
	if (rotateFlag == true) {
		applyFocus(idArray[iter]);
		iter++;
		t = setTimeout("rotateTabs('" + iter + "')", delay * seconds);
	}
}