// JScript source code for the Header Nav control

//declare some variable
	//var strHeaderImages = "http://desilucy/ewgaseattle/Images/HeaderNav/" //use for image paths
	//var strHome = "http://desilucy/EWGASeattle/" //use for href path
	var numMainNavItems = 8; //this should be pretty static, # items in the left nav
	var i = directoryNum; //set in the aspx page
	

//an array for the imagepaths for the "off" state of each main nav image
var rgOffImages = new Array(8)
rgOffImages[0] =  strHeaderImages + "0_normal.gif";
rgOffImages[1] =  strHeaderImages + "1_normal.gif";
rgOffImages[2] =  strHeaderImages + "2_normal.gif";
rgOffImages[3] =  strHeaderImages + "3_normal.gif";
rgOffImages[4] =  strHeaderImages + "4_normal.gif";
rgOffImages[5] =  strHeaderImages + "5_normal.gif";
rgOffImages[6] =  strHeaderImages + "6_normal.gif";
rgOffImages[7] =  strHeaderImages + "7_normal.gif";


//an array for the imagepaths for the "rollover" state of each main nav image
var rgRollOverImages = new Array(8)
rgRollOverImages[0] = strHeaderImages + "0_rollover.gif";
rgRollOverImages[1] = strHeaderImages + "1_rollover.gif";
rgRollOverImages[2] = strHeaderImages + "2_rollover.gif";
rgRollOverImages[3] = strHeaderImages + "3_rollover.gif";
rgRollOverImages[4] = strHeaderImages + "4_rollover.gif";
rgRollOverImages[5] = strHeaderImages + "5_rollover.gif";
rgRollOverImages[6] = strHeaderImages + "6_rollover.gif";
rgRollOverImages[7] = strHeaderImages + "7_rollover.gif";



//an array for the imagepaths for the "on" state of each main nav image, no need to preload these since only one per page
var rgOnImages = new Array(8)
rgOnImages[0] = strHeaderImages + "0_selected.gif";
rgOnImages[1] =  strHeaderImages + "1_selected.gif";
rgOnImages[2] =  strHeaderImages + "2_selected.gif";
rgOnImages[3] =  strHeaderImages + "3_selected.gif";
rgOnImages[4] =  strHeaderImages + "4_selected.gif";
rgOnImages[5] =  strHeaderImages + "5_selected.gif";
rgOnImages[6] =  strHeaderImages + "6_selected.gif";
rgOnImages[7] =  strHeaderImages + "7_selected.gif";


//array for the navigation item destination URLs, URL is the same regardless of the image state
var rgImgURLs = new Array(8)
rgImgURLs[0] = strHome + "default.aspx";
rgImgURLs[1] = strHome + "AboutUs/default.aspx";
rgImgURLs[2] = strHome + "Membership/default.aspx";
rgImgURLs[3] = strHome + "Events/default.aspx";
rgImgURLs[4] = strHome + "Leagues/default.aspx";
rgImgURLs[5] = strHome + "News/default.aspx";
rgImgURLs[6] = strHome + "Sponsorship/default.aspx";
rgImgURLs[7] = strHome + "Education/default.aspx";

//create an array for each nav item gif width
var rgNavItemWidths = new Array(8)
rgNavItemWidths[0] = "57";
rgNavItemWidths[1] = "77";
rgNavItemWidths[2] = "94";
rgNavItemWidths[3] = "62";
rgNavItemWidths[4] = "94";
rgNavItemWidths[5] = "134";
rgNavItemWidths[6] = "160";
rgNavItemWidths[7] = "80";

//create an array for each nav item gif width
var rgNavAltText = new Array(8)
rgNavAltText[0] = "Home";
rgNavAltText[1] = "About Us";
rgNavAltText[2] = "Membership";
rgNavAltText[3] = "Events";
rgNavAltText[4] = "League Play";
rgNavAltText[5] = "News & Newsletters";
rgNavAltText[6] = "Sponsors & Sponsorship";
rgNavAltText[7] = "Education";
				
	//this function sets the URL that each of the main nav items will link to
	function setImageLinks()
	{
		
		if (document.links)
		{
		
		for (count=0; count<numMainNavItems; count++)
			{
				
			var thisLink = 'navitem' + count;
			document.links[thisLink].href = rgImgURLs[count];
			
			}
		}
		
	}


//this function turns the RollOver Image on OnMouseOver
function turnRollOverOn(imgName)
	{
		if (document.images)
		{
		var picName = String(imgName);
		rgPicNameString = imgName.split("c");
		var picNumber = rgPicNameString[1];
	
		if (picNumber == i)
			document[imgName].src = rgOnImages[picNumber];
		else
			document[imgName].src = rgRollOverImages[picNumber];
		}
	}


//this function sets the image to it's normal off state on MouseOut
function turnNavImageOff(imgName)
	{
		if (document.images)
		{
		var picName = String (imgName);
		rgPicNameString = imgName.split("c");
		var picNumber = rgPicNameString[1];
		
		
		if (picNumber == i)
			document[imgName].src = rgOnImages[picNumber];
		else
			document[imgName].src= rgOffImages[picNumber];
		
		}
	}