var imagePath = "/Cotton-Campus-Homepage-Features/images/";
var imageSuffix = "_over";
var imageExtension = ".png";
var arrayUnloaded = new Array("nav_contact", "nav_games", "nav_lower_school", "nav_resources", "nav_upper_school", "subnav_games_drag", "subnav_games_norma", "subnav_games_quiz", "subnav_games_trueFalse", "subnav_lower_school_cotton101", "subnav_lower_school_history", "subnav_lower_school_playground", "subnav_lower_school_science", "subnav_resources_01", "subnav_resources_02", "subnav_resources_03", "subnav_resources_04", "subnav_resources_05", "subnav_resources_06", "subnav_upper_school_communications", "subnav_upper_school_dorms", "subnav_upper_school_economics", "subnav_upper_school_science");
var arrayLoaded = new Array();

function changeImages(theId, theState){
	if(theState == "over"){
		document.getElementById(theId).src = imagePath + theId + imageSuffix + imageExtension;
	}
	else if(theState == "out"){
		document.getElementById(theId).src = imagePath + theId + imageExtension;
	}
}

function preloadImages(){
	if(document.images){
		for(var i=0; i<arrayUnloaded.length; i++){
			arrayLoaded[i] = new Image();
			arrayLoaded[i].src = imagePath + arrayUnloaded[i] + imageSuffix + imageExtension;
		}
	}
}

function toggleMenu(theId, theState){
	if(theState == "on"){
		changeImages(theId, "over");
		document.getElementById("cc_sub" + theId).style.display = "block";
	}
	else if(theState == "off"){
		changeImages(theId, "out");
		document.getElementById("cc_sub" + theId).style.display = "none";
	}
}