var MENU_IMAGE_DIR = "/images/design/menu/"
var HEADER_IMAGE_DIR = "/images/design/page-titles/"
var MENU_IMG_NAME_SUFFIX = "_img"; // the suffix for <img name=""> values, e.g. "fields_img"

var g_aMenuKeys = new Array("home","coaches","schedules","links","referees","fields","programs");
var g_aHeaderKeys = new Array("home","coaches","schedules","links","referees","fields","charitycup","schedules_sub","programs");
var g_aMenuImages = new Array();
var g_aMenuImagesOver = new Array();
var i;
var sMenuKey;
var g_sCurrentPage;
g_sCurrentPage = "";

// load all the images for the menu
if (document.images)
{
	for (i = 0; i < g_aMenuKeys.length; i++)
	{
		sMenuKey = g_aMenuKeys[i];
		g_aMenuImages[sMenuKey] = new Image(); g_aMenuImages[sMenuKey].src = MENU_IMAGE_DIR + sMenuKey + ".gif";
		g_aMenuImagesOver[sMenuKey] = new Image(); g_aMenuImagesOver[sMenuKey].src = MENU_IMAGE_DIR + sMenuKey + "_sel.gif";
	}
}

// set the menu item to the "selected" image
function menu_mouseover(sKey)
{
	if (!document.images) { return; }
	if (sKey == g_sCurrentPage) { return; }
	
	document.images[sKey + MENU_IMG_NAME_SUFFIX].src = g_aMenuImagesOver[sKey].src;
}

// set the menu item to the "normal" image
function menu_mouseout(sKey)
{
	if (!document.images) { return; }	
	if (sKey == g_sCurrentPage) { return; }
	document.images[sKey + MENU_IMG_NAME_SUFFIX].src = g_aMenuImages[sKey].src;
}

function menu_setCurrentPage(sCurrentPage)
{
	// set the global current page variable, and make the image the selected one 
	g_sCurrentPage = sCurrentPage;
	if (document.images[sCurrentPage + MENU_IMG_NAME_SUFFIX])
	{
		document.images[sCurrentPage + MENU_IMG_NAME_SUFFIX].src = g_aMenuImagesOver[sCurrentPage].src;
	}
	
	for (var i = 0; i < g_aHeaderKeys.length; i++)
	{
		if (g_aHeaderKeys[i] == sCurrentPage)
		{
			var oTmpImage = new Image();
			oTmpImage.src = HEADER_IMAGE_DIR + sCurrentPage + ".gif"
			document.images.headerImage.src = oTmpImage.src;
		}
	}
}