<!--
// this script is used for the module menu page
	// declare menu src files
	menu1_off = new Image;
	menu1_ovr = new Image;
	menu2_off = new Image;
	menu2_ovr = new Image;
	menu3_off = new Image;
	menu3_ovr = new Image;
	menu4_off = new Image;
	menu4_ovr = new Image;
	menu5_off = new Image;
	menu5_ovr = new Image;
	menu6_off = new Image;
	menu6_ovr = new Image;
	menu7_off = new Image;
	menu7_ovr = new Image;
	menu8_off = new Image;
	menu8_ovr = new Image;
	menu9_off = new Image;
	menu9_ovr = new Image;
	menu10_off = new Image;
	menu10_ovr = new Image;
	menu11_off = new Image;
	menu11_ovr = new Image;
	menu12_off = new Image;
	menu12_ovr = new Image;
	// load menu source files
	menu1_off.src = "images/module_menu_1_off.jpg"
	menu1_ovr.src = "images/module_menu_1_ovr.jpg"
	menu2_off.src = "images/module_menu_2_off.jpg"
	menu2_ovr.src = "images/module_menu_2_ovr.jpg"
	menu3_off.src = "images/module_menu_3_off.jpg"
	menu3_ovr.src = "images/module_menu_3_ovr.jpg"
	menu4_off.src = "images/module_menu_4_off.jpg"
	menu4_ovr.src = "images/module_menu_4_ovr.jpg"
	menu5_off.src = "images/module_menu_5_off.jpg"
	menu5_ovr.src = "images/module_menu_5_ovr.jpg"
	menu6_off.src = "images/module_menu_6_off.jpg"
	menu6_ovr.src = "images/module_menu_6_ovr.jpg"
	menu7_off.src = "images/module_menu_7_off.jpg"
	menu7_ovr.src = "images/module_menu_7_ovr.jpg"
	menu8_off.src = "images/module_menu_8_off.jpg"
	menu8_ovr.src = "images/module_menu_8_ovr.jpg"
	menu9_off.src = "images/module_menu_9_off.jpg"
	menu9_ovr.src = "images/module_menu_9_ovr.jpg"	
	menu10_off.src = "images/module_menu_intro_off.jpg"
	menu10_ovr.src = "images/module_menu_intro_ovr.jpg"
	menu11_off.src = "images/module_menu_ftrs_off.jpg"
	menu11_ovr.src = "images/module_menu_ftrs_ovr.jpg"
	menu12_off.src = "images/module_menu_gloss_off.jpg"
	menu12_ovr.src = "images/module_menu_gloss_ovr.jpg"

// this function is called from the event handler MOUSEOVER or MOUSEOUT

function swapModuleMenu(imgField, newImg) {
	if (document.images) {
		document[imgField].src= eval(newImg + ".src");
	}
}

// this script allows the user to see a dynamic popup with information that the user mouses over
// the <div> tags for the script are located at the bottom of this page
// set the number of menu items + 1 in the for loop statement
function showMenuItem(menuNumber) {
	var menu_bk_0 = "#FFFFFF";
	var menu_bk_1 = "#3E7FB7";
	var menu_bk_2 = "#669966";
	var menu_bk_3 = "#CCCC99";
	var menu_bk_4 = "#F2F09A";
	var menu_bk_5 = "#D9A3CA";
	var menu_bk_6 = "#B6EAEF";
	var menu_bk_7 = "#EDA477";
	var menu_bk_8 = "#EFEB5C";
	var menu_bk_9 = "#F0D56B";
	var menu_bk_10 = "#FFFFFF";
	var menu_bk_11 = "#FFFFFF";
	var menu_bk_12 = "#FFFFFF";	
	
	// for Mouseovers
	if (document.layers) {
		rolloverX = document.layers['menu_rollover0'].pageX;
		rolloverY = document.layers['menu_rollover0'].pageY;
		for(i=0; i<13; i++) {
			menu_item = "menu_rollover" + i;
			document.layers[menu_item].visibility = "hidden";
		}
		menu_item = "menu_rollover" + menuNumber;
		//bkColor = eval("menu_bk_" + menuNumber);
		document.layers[menu_item].pageX = rolloverX;
		document.layers[menu_item].pageY = rolloverY;
		document.layers[menu_item].visibility = "show";
		//document.layers[menu_item].background-color = bkColor;
		
	} else if (document.all) {
		for(i=0; i<13; i++) {
			menu_number = "document.all.menu_rollover" + i;
			menu_rollover = eval("document.all.menu_rollover" + i + ".style");
			menu_rollover.position = "absolute";
			menu_rollover.visibility = "hidden";
		}
		menu_rollover = eval("document.all.menu_rollover" + menuNumber + ".style");
		menu_rollover.visibility = "visible";
		// change background colors
		bkColor = "menu_bk_" + menuNumber;
		//module_rollovers = eval("document.all.module_rollovers.style");
		menu_rollover.background = eval("menu_bk_" + menuNumber);
		menu_rollover.padding = "5px";		
	} else if (document.getElementById) {
		for(i=0; i<13; i++) {
			menu_rollover = "menu_rollover" + i;
			menu_item = document.getElementById(menu_rollover);
			menu_item.style.visibility = "hidden";
		}
		menu_rollover = "menu_rollover" + menuNumber;
		menu_item = document.getElementById(menu_rollover);
		menu_item.style.position = "absolute";
		menu_item.style.visibility = "visible";
		// change background color
		//bkColor = eval("menu_bk_" + menuNumber);
		//menu_item.style.background-color = bkColor;
	}
}

// -->