//these functions create the grey shadow under the main menu's elements
function countRealChildren(parentId) {
	var retval=0;
	var parent=document.getElementById(parentId);
	var children=parent.childNodes.length;
	var i=0;
	while(i<children) {
		if(parent.childNodes[i].nodeType!=3) //whitespace/cr/lf is type 3
			retval++;
		i++;
	}
	return retval;
}
function omm(ev) {
	//this = the li which was hovered
	document.getElementById("menushadow").style.display="block";
	document.getElementById("menushadow").style.left=(this.offsetLeft-10)+"px"; //10px==margin-left
	document.getElementById("menushadow").style.top=(document.getElementById("separator-2").offsetTop+1)+"px";
	document.getElementById("menushadow").style.width=(this.offsetWidth+20)+"px"; //20px==2x margin left/right
}
function omo() {
	document.getElementById("menushadow").style.display="none";
}
function addMenuShadow() {
	for(var i=1;i<=countRealChildren("menu");i++) {
		if(document.getElementById("M-"+i).addEventListener) {
			document.getElementById("M-"+i).addEventListener("mousemove",omm,false);
			document.getElementById("M-"+i).addEventListener("mouseout",omo,false);
		}
	}
}