var closeMenuTimer,openMenuTimer;
var menuToOpen;
function doMenuMouseOver(){
	clearTimeout(openMenuTimer);
	cancelMenuDelay();
	menuToOpen=this.parentNode;
	//$('content_top_right').innerHTML=menuToOpen.className;
	if(menuToOpen.up().className=="subMenu"){
		openMenuTimer=setTimeout("openMenuDelay()",300);
	} else {
		closeMenusDelayed()
		openMenuDelay()
	}
}

function openMenuDelay(){
	Element.extend(menuToOpen);
	var subMenus = menuToOpen.select('UL');
	var subMenu=subMenus[0];
	if(subMenu && subMenu.style.display=="none") new Effect.Appear(subMenu,{duration:0.3,queue:{position:'end',scope:"menuAnimate",limit:2}});
	if(subMenu && subMenu.alreadyPositioned!=1){
		//Link with submenu
		//subMenu.alreadyPositioned=1; //Always reposition incase browser resizes
		if(subMenu.up().up().className!="subMenu"){
			var linkPos=Position.cumulativeOffset(menuToOpen)
			subMenu.style.position="absolute";
			subMenu.style.left=linkPos[0]+"px";
			subMenu.style.top=linkPos[1]+20+"px";
			subMenu.style.width="260px"
			subMenu.style.borderLeft="#BCEB3B 3px ridge"
			subMenu.style.borderBottom="#BCEB3B 3px ridge"
			subMenu.style.listStyleType="disc";
			//subMenu.style.listStylePosition="inside";
		} else {
			/*subMenu.relativize();*/
			subMenu.style.left=menuToOpen.style.left;
			subMenu.style.top=menuToOpen.style.top;
			//subMenu.style.margin="0px";
			subMenu.style.borderLeft="#BCEB3B 2px dotted"
			subMenu.style.borderBottom="#BCEB3B 2px dotted"
			//subMenu.style.paddingTop="0px";
			//subMenu.style.marginBottom="15px";
		}
	}
}

function closeMenu(){
	clearTimeout(closeMenuTimer);
	closeMenuTimer=setTimeout("closeMenusDelayed()",1000);
	//this.style.display="none";
}
function closeMenusDelayed(){
	//var menus=$$("#nav ul li ul");
	var navItem=$('nav');
	var menus=navItem.select("ul li ul");
	menus.each(function(item) {
		item.style.display="none";
	});
}
function cancelMenuDelay(){
	//$('content_top_right').innerHTML="Close Cancelled..."
	if(closeMenuTimer)clearTimeout(closeMenuTimer);
}


function initMenus(){
	var navItem=$("nav");

	Element.extend(navItem);
	
	var menus=navItem.select("ul li ul");
	menus.each(function(item) {
		item.className="subMenu";
		item.onmouseover=cancelMenuDelay;
		item.onmouseout=closeMenu;
	});

	
	var links=navItem.select('A');
	links.each(function(item) {
		if(item.tagName=="A" && item.next()){
			item.onmouseover=doMenuMouseOver;
			if(item.next().className=="subMenu" && item.up().up().up() != navItem){
				item.innerHTML=item.innerHTML + " <span class='menuArrow'>&raquo;</span>";
			}
		}
	});

}