window.menuLeft = new Array();
window.menuLeftOn = new Array();
window.menuLeftOff = new Array();
window.menuLeftSel = new Array();
window.menuTop = new Array();
window.menuTopOn = new Array();
window.menuTopOff = new Array();
window.menuTopSel = new Array();

/** Init
*	Loads up the image arry that is defined on the page.
*	
*	Code that should be on the page...
*	<script type="text/javascript" language="Javascript">
*		// The folder where the images are located.
*		window.leftDir = "/root_images/leftnav/";
*		window.topDir = "/root_images/topnav/";
*		// An array of the names in the top and left navs.
*		window.imageNamesLeft = new Array("about", "corporate", "faq", "gear", "login", "support", "youth");
*		window.imageNamesTop = new Array("about", "youth", "shasta", "rainier");
*		// so we don't get any errors before the js loads
*		function blank() {}
*		rollOn = blank;
*		rollOff = blank;
*		init = blank;
*		window.isLOADED = false;
*	</script>
*	has to be an onload="init()"
*/
function init()
{
	if (document.images)
	{
		loadImagesLeft( imageNamesLeft );
		loadImagesTop( imageNamesTop );
		isLOADED = true;
	}
}

/** LoadImages
*	Takes a list of names from an array and uses them as indexes for references
*	to a rollover image, it's files, and the HTML element on the page.
*
*	imageArr Array Array of names
*/
function loadImagesLeft( imageArr )
{
	for ( var i=0; i < imageArr.length; i++ )
	{
		menuLeft[ imageArr[ i ] ] = document.images[imageArr[i]];
		menuLeftOn[ imageArr[ i ] ] = new Image();
		menuLeftOff[ imageArr[ i ] ] = new Image();
		menuLeftSel[ imageArr[ i ] ] = new Image();
		menuLeftOn[ imageArr[ i ] ].src = leftDir + imageArr[ i ] + "_on.jpg";
		menuLeftOff[ imageArr[ i ] ].src = leftDir + imageArr[ i ] + "_off.jpg";
		menuLeftSel[ imageArr[ i ] ].src = leftDir + imageArr[ i ] + "_selected.jpg";
	}
}

function loadImagesTop( imageArr )
{
	for ( var i=0; i < imageArr.length; i++ )
	{
		menuTop[ imageArr[ i ] ] = document.images[imageArr[i]];
		menuTopOn[ imageArr[ i ] ] = new Image();
		menuTopOff[ imageArr[ i ] ] = new Image();
		menuTopSel[ imageArr[ i ] ] = new Image();
		menuTopOn[ imageArr[ i ] ].src = topDir + imageArr[ i ] + "_on.gif";
		menuTopOff[ imageArr[ i ] ].src = topDir + imageArr[ i ] + "_off.gif";
		menuTopSel[ imageArr[ i ] ].src = topDir + imageArr[ i ] + "_selected.gif";
	}
}

/** RollOnLeft
*	called from the HTML, A HREF, around the rollover image.
*
*	sImageIndex String The name of the rollover
*/
function rollOnLeft( sImageIndex )
{
	if (document.images && isLOADED)
	{
		menuLeft[ sImageIndex ].src = menuLeftOn[sImageIndex].src;
	}	
}

/** RollOffTop
*	called from the HTML, A HREF, around the rollover image.
*
*	sImageIndex String The name of the rollover
*/
function rollOffLeft( sImageIndex, isSelected )
{
	if (document.images && isLOADED)
	{
		if (isSelected)
		{
		menuLeft[ sImageIndex ].src = menuLeftSel[sImageIndex].src;
		}
		else
		{
		menuLeft[ sImageIndex ].src = menuLeftOff[sImageIndex].src;
		}
	}	
}

/** RollOnTop
*	called from the HTML, A HREF, around the rollover image.
*
*	sImageIndex String The name of the rollover
*/
function rollOnTop( sImageIndex )
{
	if (document.images && isLOADED)
	{
		menuTop[ sImageIndex ].src = menuTopOn[sImageIndex].src;
	}	
}

/** RollOffTop
*	called from the HTML, A HREF, around the rollover image.
*
*	sImageIndex String The name of the rollover
*/
function rollOffTop( sImageIndex, isSelected )
{
	if (document.images && isLOADED)
	{
		if (isSelected)
		{
		menuTop[ sImageIndex ].src = menuTopSel[sImageIndex].src;
		}
		else
		{
		menuTop[ sImageIndex ].src = menuTopOff[sImageIndex].src;
		}
	}	
}