var currMenu=-1;
function SetupMenus() {
	menuItem = new Array(); // the names of the menu items, to simplify updates
	menu = new Array();  // reference to the menus
	menuImage = new Array();  // reference to the image you hover over to trigger
	menuOn = new Array();  // the picture when it's highlighted
	menuOff = new Array();  // the picture when it's not highlighted

	numMenuItems = 7
	menuItem[0] = "home"
	menuItem[1] = "products"
	menuItem[2] = "demos"
	menuItem[3] = "history"
	menuItem[4] = "services"
	menuItem[5] = "news"
	menuItem[6] = "contact"

	if (document.getElementById) {
		for (Ctr = 0; Ctr < numMenuItems; Ctr++) {
			menu[Ctr] = document.getElementById(menuItem[Ctr] + "_menu");
			menuImage[Ctr] = document.getElementById(menuItem[Ctr]);
		}
	} else {
		if (document.layers) {
			for (Ctr = 0; Ctr < numMenuItems; Ctr++) {
				menu[Ctr] = eval("document." + menuItem[Ctr] + "_menu");
				menuImage[Ctr] = eval("document." + menuItem[Ctr]);
			}
		} else {
			if (document.all) {
				for (Ctr = 0; Ctr < numMenuItems; Ctr++) {
					menu[Ctr] = eval("document.all." + menuItem[Ctr] + "_menu");
					menuImage[Ctr] = eval("document.all." + menuItem[Ctr]);
				}
			}
		}
	}

	for (Ctr = 0; Ctr < numMenuItems; Ctr++) {
		menuOn[Ctr] = "images/" + menuItem[Ctr] + "_on.gif";
		menuOff[Ctr] = "images/" + menuItem[Ctr] + "_off.gif";
	}

	if(document.layers) document.captureEvents(Event.MOUSEMOVE) ; 
	if(document.all||document.layers||document.getElementById) document.onmousemove=track; 
	function track(e) { 
		var mouseXPos = (window.event) ? window.event.x : e.pageX; 
		var mouseYPos = (window.event) ? window.event.y : e.pageY; 
		if (currMenu > -1) { //5 pixel margin for error
			var menuTop = menu[currMenu].offsetTop - 5;
			var menuBottom = menu[currMenu].offsetTop + menu[currMenu].offsetHeight + 5;
			var menuLeft= menu[currMenu].offsetLeft - 5;
			var menuRight = menu[currMenu].offsetLeft + menu[currMenu].offsetWidth + 5;
			
			if ((mouseYPos < menuTop) || (mouseYPos > menuBottom) || (mouseXPos > menuRight)) {
				MenuDown();
			}
		}
	}
}

function MenuUp(MenuID) { 
	if (document.layers) { //NS4
		for (Ctr=0; Ctr<menu.length; Ctr++) {
			if (Ctr == MenuID) {
				menuImage[Ctr].src = menuOn[Ctr];
				menu[Ctr].visibility = "visible";
			} else {
				menu[Ctr].visibility = "hidden";
				menuImage[Ctr].src = menuOff[Ctr];
			}
		}
	}  else { //Not NS4
		for (Ctr=0; Ctr<menu.length; Ctr++) {
			if (Ctr == MenuID) {
				menuImage[Ctr].src = menuOn[Ctr];
				menu[Ctr].style.visibility = "visible";
			} else {
				menu[Ctr].style.visibility = "hidden";
				menuImage[Ctr].src = menuOff[Ctr];
			}
		}
	}
	currMenu = MenuID;
} 

function MenuDown() {
	if (document.layers) {  //NS4's mouse out works properly
		menu[currMenu].visibility = "hidden";
		menuImage[currMenu].src = menuOff[Ctr];
	} else {
		menu[currMenu].style.visibility = "hidden";
		menuImage[currMenu].src = menuOff[currMenu];
	}
	currMenu = -1;
}