/**
 *  This file contains the functions that allow the color change for the 
 	buttons that belong in the right and left vertical menus of the
	science web site. It also contains the code that displays the category
	details for the "Junior and Senior" categories
 */
	// These functions will control the color of the left 
	// menu item backgrounds.
	//-------------------------------------------------------------------------------
	function whiteLeftMenuButton(strValue)
	{
		document.getElementById(strValue + "LeftMenuItem").style.backgroundImage = 'url(GRAPHICS/sideMenus/buttonWhite.png)';
	}
	function greenLeftMenuButton(strValue)
	{
		document.getElementById(strValue + "LeftMenuItem").style.backgroundImage = 'url(GRAPHICS/sideMenus/buttonOrange.png)';
	}
	// ------------------------------------------------------------------------------
	
	// These will control the right menu items. The divs will light up and become transparent on
	// mouse over and mouse out, respectivelly.
	// ------------------------------------------------------------------------------------------
	function rightMenuOver(strValue)
	{
		if(document.getElementById(strValue + "RightMenuItem").style.backgroundColor == 'white')
			document.getElementById(strValue + "RightMenuItem").style.backgroundColor = 'transparent';
		
		else
			document.getElementById(strValue + "RightMenuItem").style.backgroundColor = 'white';		
	}
	//------------------------------------------------------------------------------------
	
	//These control the category details (in the form of lists inside of divs)
	//--------------------------------------------------------------------------------
	function showCat(category)
	{
		document.getElementById(category).style.visibility = "visible"; 
	}
	function hideCat(category)
	{
		document.getElementById(category).style.visibility = "hidden"; 
	}
	//--------------------------------------------------------------------------------------