// hero_tabs.js
// 4-23-07
// Coded by SGB as a tab utility for the NS hero overlay

// preload the images
var myImages = new Array ("/nsbase/wrap/theme0/images/over_tab_golf_off.gif", "/nsbase/wrap/theme0/images/over_tab_golf_on.gif", "/nsbase/wrap/theme0/images/over_tab_lift_off.gif", "/nsbase/wrap/theme0/images/over_tab_lift_on.gif", "/nsbase/wrap/theme0/images/over_tab_events_off.gif", "/nsbase/wrap/theme0/images/over_tab_events_on.gif", "/nsbase/wrap/theme0/images/over_tab_activities_off.gif", "/nsbase/wrap/theme0/images/over_tab_activities_on.gif", "/nsbase/wrap/theme0/images/over_forecast_golf_off.gif", "/nsbase/wrap/theme0/images/heroTab_golf_off.gif", "/nsbase/wrap/theme0/images/heroTab_golf_on.gif", "/nsbase/wrap/theme0/images/heroTab_bike_off.gif", "/nsbase/wrap/theme0/images/heroTab_bike_on.gif", "/nsbase/wrap/theme0/images/heroTab_village_off.gif", "/nsbase/wrap/theme0/images/heroTab_village_on.gif", "/nsbase/wrap/theme0/images/over_tab_cams_on.gif", "/nsbase/wrap/theme0/images/over_tab_cams_on.gif");
 
var myPreload = new Array ();
 
for (var i = 0; i < myImages.length; i++ )
{

myPreload[ i ]= new Image();
myPreload[ i ].src = myImages[ i ];

}

var activeTabHero = "bike";

function heroMouseOver(elementID)
{
	// turn all the button to the off position
	/*
	*/
	
	document.getElementById("golfLink").src = "/nsbase/wrap/theme0/images/over_tab_golf_off.gif";
	document.getElementById("liftLink").src = "/nsbase/wrap/theme0/images/over_tab_lift_off.gif";
	document.getElementById("eventsLink").src = "/nsbase/wrap/theme0/images/over_tab_events_off.gif";
	document.getElementById("activitiesLink").src = "/nsbase/wrap/theme0/images/over_tab_activities_off.gif";
	document.getElementById("forecastLink").src = "/nsbase/wrap/theme0/images/over_tab_forecast_off.gif";
	document.getElementById("camsLink").src = "/nsbase/wrap/theme0/images/over_tab_cams_off.gif";
	
	// switch on the elementID to turn on what should be on
	switch (elementID)
	{
		case "golfLink":
			document.getElementById("golfLink").src = "/nsbase/wrap/theme0/images/over_tab_golf_on.gif";
			break
		case "liftLink":
			document.getElementById("liftLink").src = "/nsbase/wrap/theme0/images/over_tab_lift_on.gif";
			break
		case "eventsLink":
			document.getElementById("eventsLink").src = "/nsbase/wrap/theme0/images/over_tab_events_on.gif";
			break
		case "activitiesLink":
			document.getElementById("activitiesLink").src = "/nsbase/wrap/theme0/images/over_tab_activities_on.gif";
			break
		case "forecastLink":
			document.getElementById("forecastLink").src = "/nsbase/wrap/theme0/images/over_tab_forecast_on.gif";
			break
		case "camsLink":	
			document.getElementById("camsLink").src = "/nsbase/wrap/theme0/images/over_tab_cams_on.gif";
			break
		default:
			alert("The tab system does not recognize the following element: " + elementID);
	}
	
}

// Changes the style of current element to focus style
function heroApplyFocus(elementID)
{
	//var element = document.getElementById(elementID);
	// turn all the tabs invisible
	document.getElementById("heroTabGolf").style.visibility = "hidden";
	document.getElementById("heroTabBike").style.visibility = "hidden";
	document.getElementById("heroTabVillage").style.visibility = "hidden";

	//set all heights to 0
	//document.getElementById("heroTabGolf").style.height = "0px;";
	//document.getElementById("heroTabBike").style.height = "0px;";
	//document.getElementById("heroTabVillage").style.height = "0px;";
	
	// turn all the button to the off position
	document.getElementById("golfButtonHero").src = "/nsbase/wrap/theme0/images/heroTab_golf_off.gif";
	document.getElementById("bikeButtonHero").src = "/nsbase/wrap/theme0/images/heroTab_bike_off.gif";
	document.getElementById("villageButtonHero").src = "/nsbase/wrap/theme0/images/heroTab_village_off.gif";

	
	// switch on the elementID to turn on what should be on
	switch (elementID)
	{
		case "golfButtonHero":
			document.getElementById("heroTabGolf").style.visibility = "visible";
			document.getElementById("golfButtonHero").src = "/nsbase/wrap/theme0/images/heroTab_golf_on.gif";
			
			ifActiveGoToURL("golf", "/info/summer/golf.asp")
			
			activeTabHero = "golf";
			break
		case "bikeButtonHero":
			document.getElementById("heroTabBike").style.visibility = "visible";
			document.getElementById("bikeButtonHero").src = "/nsbase/wrap/theme0/images/heroTab_bike_on.gif";
			
			ifActiveGoToURL("bike", "/info/summer/biking.asp")
			
			activeTabHero = "bike";
			break
		case "villageButtonHero":
			document.getElementById("heroTabVillage").style.visibility = "visible";
			document.getElementById("villageButtonHero").src = "/nsbase/wrap/theme0/images/heroTab_village_on.gif";
			
			ifActiveGoToURL("village", "/info/ski/the-village/village_directory_summer.asp")
			
			activeTabHero = "village";
			break
		default:
			alert("The tab system does not recognize the following element: " + elementID);
	}
}

// Changes the style of current element to focus style
function heroBlurFocus()
{
	// turn all the button to the off position
	document.getElementById("golfLink").src = "/nsbase/wrap/theme0/images/over_tab_golf_off.gif";
	document.getElementById("liftLink").src = "/nsbase/wrap/theme0/images/over_tab_lift_off.gif";
	document.getElementById("eventsLink").src = "/nsbase/wrap/theme0/images/over_tab_events_off.gif";
	document.getElementById("activitiesLink").src = "/nsbase/wrap/theme0/images/over_tab_activities_off.gif";
	document.getElementById("forecastLink").src = "/nsbase/wrap/theme0/images/over_tab_forecast_off.gif";
	document.getElementById("camsLink").src = "/nsbase/wrap/theme0/images/over_tab_cams_off.gif";

}

function ifActiveGoToURL(tabName, destURL)
{
	if (activeTabHero == tabName)
		location.href = destURL;
}
