var g_strBaseNavBarImageURL = "imgs//navbar//";
var g_intCurrent = -1;

function navButton(id, width, height, baseImageSrc, navigationUrl)
{
	this.id = id;
	this.baseImage = new Image(width, height);
	this.baseImage.src = g_strBaseNavBarImageURL + baseImageSrc + ".gif";
	this.overImage = new Image(width, height);
	this.overImage.src = g_strBaseNavBarImageURL + baseImageSrc + "_over.gif";
	this.navigationUrl = navigationUrl;
}

var g_aNavButtons = new Array();
g_aNavButtons[0] = new navButton("news", 65, 30, "page_header_navbar_news_65x30", "news.html");
g_aNavButtons[1] = new navButton("shows", 80, 30, "page_header_navbar_shows_80x30", "shows.html");
g_aNavButtons[2] = new navButton("wwdwwd", 116, 30, "page_header_navbar_wwdwwd_116x30", "wwdwwd.html");
g_aNavButtons[3] = new navButton("music", 80, 30, "page_header_navbar_music_80x30", "music.html");
g_aNavButtons[4] = new navButton("band", 70, 30, "page_header_navbar_band_70x30", "band.html");
g_aNavButtons[5] = new navButton("photos", 86, 30, "page_header_navbar_photos_86x30", "photos.html");
g_aNavButtons[6] = new navButton("contactus", 117, 30, "page_header_navbar_contactus_117x30", "contactus.html");
g_aNavButtons[7] = new navButton("forums", 85, 30, "page_header_navbar_forums_85x30", "");
g_aNavButtons[8] = new navButton("links", 60, 30, "page_header_navbar_links_60x30", "links.html");


function drawPageHeader()
{
	var output =
		"<tr>" +
		"<td width=\"769\">" +
		"<table id=\"tblPageHeader\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" width=\"769\">" +
		"<tr>" +
		"<td width=\"769\">" +
		"<img src=\"imgs/navbar/page_header_top_769x103.gif\" width=\"769\" height=\"103\" " +
		"onmouseover=\"this.style.cursor = 'hand';\" " +
		"onmouseout=\"this.style.cursor = 'default';\" " +
		"onclick=\"document.location = 'home.html';\">" +
		"</td>" +
		"</tr>";

	output += insertNavBar("header");

	document.write(output);
}

function insertNavBar(strTag)
{
	
	var strOutput = "<tr>";
	strOutput += "<td width=\"769\">";
	strOutput += "<table id=\"tblNavBar\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" width=\"769\">";
	strOutput += "<tr>";
	
	strOutput += insertNavBarSpacer();

	navButton = null;
	for (var intLoop = 0; intLoop < g_aNavButtons.length; intLoop++)
	{
		navButton = g_aNavButtons[intLoop];

		strOutput += "<td width=\"" + navButton.baseImage.width + "\" height=\"" + navButton.baseImage.height + "\">";
		strOutput += "<img id=\"" + navButton.id + "_" + strTag + "\" src=\"" + g_aNavButtons[intLoop].baseImage.src + "\" ";
		strOutput += "width=\"" + navButton.baseImage.width + "\" height=\"" + navButton.baseImage.height + "\" ";
		strOutput += "onmouseover=\"imageOver(" + intLoop + ", '" + strTag + "');\" ";
		strOutput += "onmouseout=\"imageOut(" + intLoop + ", '" + strTag + "');\" ";
		strOutput += "onclick=\"imageSelected(" + intLoop + ", '" + strTag + "');\">";
		strOutput += "</td>";

		strOutput += insertNavBarSpacer();

	}
	
	strOutput += "</tr>";
	strOutput += "</table>";
	strOutput += "</td>";
	strOutput += "</tr>";

	return strOutput;

}


function insertNavBarSpacer()
{

	var strOutput = "<td width=\"1\" height=\"30\">";
	strOutput += "<img src=\"" + g_strBaseNavBarImageURL + "page_header_navbar_spacer_1x30.gif\" width=\"1\" height=\"30\">";
	strOutput += "</td>";

	return strOutput;

}


function setCurrentPage(strNavButtonID)
{
	var intIndex = getNavButtonIndex(strNavButtonID);

	if (intIndex != -1)
	{
		imageOver(intIndex, "header");
		g_intCurrent = intIndex;
	}
	else
	{
		alert("Invalid NavButtonID: " + strNavButtonID);
	}
}


function imageOut(intNavButtonIndex, strTag)
{
	if (document.images)
	{
		if (intNavButtonIndex != g_intCurrent)
		{
			navButton = g_aNavButtons[intNavButtonIndex];

			var strID = navButton.id + "_" + strTag;
			document.images[strID].style.cursor = "default";
			document.images[strID].src = navButton.baseImage.src;

		}
	}

	return true;

}


function imageOver(intNavButtonIndex, strTag)
{
	if (document.images)
	{
		if (intNavButtonIndex != g_intCurrent)
		{
			navButton = g_aNavButtons[intNavButtonIndex];
			
			var strID = navButton.id + "_" + strTag;
			document.images[strID].style.cursor = "hand";
			document.images[strID].src = navButton.overImage.src;

		}
	}

	return true;

}


function imageSelected(intNavButtonIndex, strTag)
{
	if (intNavButtonIndex != g_intCurrent)
	{
		navButton = g_aNavButtons[intNavButtonIndex];

//		if (document.images)
//		{
//			var strID = navButton.id + "_" + strTag;
//			document.images[strID].src = navButton.selectedImage.src;
//		}

		document.location = navButton.navigationUrl;

	}

	return true;

}


function getNavButtonIndex(strNavButtonID)
{
	var intIndex = -1;
	
	for (var intLoop = 0; 0 < g_aNavButtons.length; intLoop++)
	{
		if (g_aNavButtons[intLoop].id == strNavButtonID)
		{
			intIndex = intLoop;
			break;

		}
	}

	return intIndex;

}