// Initialize
var subMenu = document.getElementById("submenu"); 
var mainMenu = document.getElementById("mainmenu");
var menu = document.getElementById("menu");
var status = "closed"
var hover = false;



// Attach CollapsibelPanel properties to menu
var menuTween = new Spry.Widget.CollapsiblePanel("menu", { contentIsOpen:false});

mainMenu.onclick = function() {
	status="open";
}


// Assign open and close functions to various events
var aMainMenuItems = mainMenu.getElementsByTagName("a");
for(var i = 0; i<aMainMenuItems.length; i++) { 
	if(i > 0) {
		aMainMenuItems[i].onclick = function() {
			return false;
		}
	} 
}

document.getElementById("header").onmouseover = function() {
	if(status == "open") {
		menuTween.close();
		status = "closed";
	}
}

document.getElementById("content").onmouseover = function() {
	if(status == "open") {
		menuTween.close();
		status = "closed";
	}
}

mainMenu.onmouseover = function() {
	if(status == "open") {
		menuTween.open();
		setTimeout("status = 'open'", 300);
	}
}


mainMenu.onmouseout = function() {
	if(status == "open") {
		menuTween.close();
		setTimeout("status = 'closed'", 300);
	}
}

subMenu.onmouseover = function() {
	menuTween.open();
	status = "open";
}

subMenu.onmouseout = function(e) {
	if (!e) var e = window.event;
	var tg = (window.event) ? e.srcElement : e.target;
	if (tg.nodeName != 'DIV') return;
	var reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement;
	while (reltg != tg && reltg.nodeName != 'BODY')
		reltg= reltg.parentNode
	if (reltg== tg) return;
	
		menuTween.close();
		setTimeout("status = 'closed'", 300);
}