/*  Prototype JavaScript framework, version 1.6.0.2
 *  (c) 2005-2008 Sam Stephenson
 *
 *  Prototype is freely distributable under the terms of an MIT-style license.
 *  For details, see the Prototype web site: http://www.prototypejs.org/
 *
 *--------------------------------------------------------------------------*/


function $(element) {
	if (typeof element == "string")
		return document.getElementById(element);
	else
		return element;
}

function $A(iterable) {
  if (!iterable) return [];
  if (iterable.toArray) return iterable.toArray();
  var length = iterable.length || 0, results = new Array(length);
  while (length--) results[length] = iterable[length];
  return results;
}



/* ---------------- menu.js --------------------- */

//var hoverDivArray = $A(['menuWater', 'menuLaundry', 'menuGifts', 'menuWellbeing', 'menuHaircare', 'menuXmas']);
var hoverDivArray = $A(['menuWater', 'menuLaundry', 'menuGifts', 'menuWellbeing', 'menuHaircare', 'menuDentalcare', 'menuMens']);

function showMenu(whichMenu) {
	hideAllSubMenus();
	$(whichMenu).style.display = '';
	$('hoverTrap').style.display = '';
}

function hideAllSubMenus() {
	$('hoverTrap').style.display = 'none';
	for (var i = 0, length = hoverDivArray.length; i < length; i++)
		$(hoverDivArray[i]).style.display = 'none';
}

function hideMenu(whichMenu) {
	$(whichMenu).style.display = 'none';
}

function addBehaviours(whichLink, targetDiv) {
	whichLink.onmouseover = function() {
		showMenu(targetDiv);
	}
}

/* set up the mouseover callbacks when the page loads & the elements are available */
bgsMenuLoader = function() {
	if ($("productMenu")) { 
		for (var i = 0, length = hoverDivArray.length; i < length; i++) 
		{
			var targetDiv =  hoverDivArray[i];
			addBehaviours($(targetDiv + "Link"), $(targetDiv));	
		}
	}
}

if (window.addEventListener)
	window.addEventListener("load", bgsMenuLoader, false);
else
	window.attachEvent("onload", bgsMenuLoader);