//set up a variable to dold the deptID (lowercase d)
var deptID;


//Searches for the string "DeptID=1" (or 2 or 3) in the url (This string has the uppercase D) and assigns the valuye of 1, 2, or 3 to the deptID (lowercase d)
var strHref = window.location.href;

 if (strHref.indexOf("DeptID=1") > 0 )
	{
	deptID = 1;
			}
	
	else if (strHref.indexOf("DeptID=2") > 0 )
	
	{
	deptID = 2;
			
	}
	
	else if (strHref.indexOf("DeptID=3") > 0 )
	
	{
	deptID = 3;
			
	}
	
	else 
	
	{
	deptID = 0;	
	}
	
	
	
//writes in the proper color stylesheet, based on number. Color stylesheet should be "un-hardcoded" from page.  	
if (deptID == 1)
	{
	document.write('<link href="../css/colors_adult.css" rel="stylesheet" type="text/css" />');
	}
	
	else if (deptID == 2)
	
	{
	document.write(	'<link href="../css/colors_teens.css" rel="stylesheet" type="text/css" />');
	}
	
	else if (deptID == 3)
	
	{
	document.write(	'<link href="../css/colors_children.css" rel="stylesheet" type="text/css" />');
			}
	
	else 
	
	{
		document.write(	'<link href="../css/colors_main.css" rel="stylesheet" type="text/css" />');
	}
	

//This function is called in the body tag onload. All 4 menus should be included on the page and display set to none, and wrapped in the appropriate DIV. This function will turn the appropriate one on. 
function currentMenu() {
     if (deptID == 1)
	{
	//alert("number 1");	
	document.getElementById("adultMenu").style.display = 'block';
	
	}
	
	else if (deptID == 2)
	
	{
	document.getElementById("teenMenu").style.display = '';
	
	}
	
	else if (deptID == 3)
	
	{
	document.getElementById("childMenu").style.display = '';
			
	}
	
	else 
	
	{
		document.getElementById("mainMenu").style.display = '';
	
	}
	
  }