// pre-cache images used for menu rollovers
if (document.images) {
	var homeOn = new Image();
	homeOn.src = "buttons/home_on.gif";
	var homeOff = new Image();
	homeOff.src = "buttons/home_off.gif";

	var corporateOn = new Image();
	corporateOn.src = "buttons/corporate_on.gif";
	var corporateOff = new Image();
	corporateOff.src = "buttons/corporate_off.gif";
		
	var productsOn = new Image();
	productsOn.src = "buttons/all_products_on.gif";
	var productsOff = new Image();
	productsOff.src = "buttons/all_products_off.gif";

	var accountOn = new Image();
	accountOn.src = "buttons/account_on.gif";
	var accountOff = new Image();
	accountOff.src = "buttons/account_off.gif";

	var basketOn = new Image();
	basketOn.src = "buttons/basket_on.gif";
	var basketOff = new Image();
	basketOff.src = "buttons/basket_off.gif";
	
	var searchOn = new Image();
	searchOn.src = "buttons/search_on.gif";
	var searchOff = new Image();
	searchOff.src = "buttons/search_off.gif";

	var registerOn = new Image();
	registerOn.src = "buttons/register_on.gif";
	var registerOff = new Image();
	registerOff.src = "buttons/register_off.gif";
	
	var faqOn = new Image();
	faqOn.src = "buttons/faq_on.gif";
	var faqOff = new Image();
	faqOff.src = "buttons/faq_off.gif";

	var contactOn = new Image();
	contactOn.src = "buttons/contact_on.gif";
	var contactOff = new Image();
	contactOff.src = "buttons/contact_off.gif";
}

// main mouseover event handlers for menu links - does rollover and activates submenu (if applicable)
function doMenuOver(name, hasSubmenu) {
	// turn menu image on
	if (document.images) document["img_" + name].src = eval(name + "On.src");

	// if this menu has a submenu, turn that layer on
	if (hasSubmenu)	doSubmenuOver(name);
}

function doMenuOut(name, hasSubmenu) {
	// turn menu image off - all browsers
	if (document.images) document["img_" + name].src = eval(name + "Off.src");

	// if this menu has a submenu, turn that layer off
	if (hasSubmenu)	doSubmenuOut(name);
}

function doSubmenuOver(name) {
	if (document.all) {
		// IE 4+
		var anchor = document.all["a_" + name];
		var layer = document.all["div_" + name].style;
		layer.left = getPageOffsetLeft(anchor);
		layer.top = getPageOffsetTop(anchor) + 18;
		layer.visibility = "visible";
	}
}

function doSubmenuOut(name) {
	if (document.all) {
		// IE 4+
		document.all["div_" + name].style.visibility = "hidden";
	}
}

// functions for IE to get position of an object
function getPageOffsetLeft(el) {
	var ol = el.offsetLeft;
	while ((el = el.offsetParent) != null) ol += el.offsetLeft;
	return ol;
}

function getPageOffsetTop (el) {
	var ot = el.offsetTop;
	while ((el = el.offsetParent) != null) ot += el.offsetTop;
	return ot;
}