var about_menu = {
	"What is JYI?": "/about/",
	"JYI's mission": "/about/mission.php",
	"JYI's history": "/about/history.php",
	"FAQ": "/about/faq.php",
	"Support JYI": "/about/support.php",
	"Staff": "/about/staff.php",
}
var popup = document.createElement("ul");
popup.setAttribute("id", "about_popup");
for(var name in about_menu){
	var li = document.createElement("li");
	var a = document.createElement("a");
	a.setAttribute("href", about_menu[name]);
	a.appendChild(document.createTextNode(name))
	li.appendChild(a)
	popup.appendChild(li);
}

//From quirksmode.org
function findPos(obj){
	var curleft = curtop = 0;
	do{
		curleft += obj.offsetLeft;
		curtop += obj.offsetTop;
	}while(obj=obj.offsetParent);
	return [curleft, curtop];
}

//General event handler
bind=function(obj, ev, func){
	if(obj.addEventListener)
		obj.addEventListener(ev, func, false);
	else if(obj.attachEvent)
		obj.attachEvent("on"+ev, func);
	else
		obj["on"+ev] = func;
}

var hide_menu = false; //Hide timer handle
function hover_menu(e){
	var coords = findPos(link);
	var style="display:block;top:"+(coords[1]+link.offsetHeight)+"px;left:"+coords[0]+"px;";
	popup.setAttribute("style", style);
	link.setAttribute("class", "menu_root");
	window.clearTimeout(hide_menu);
	hide_menu = false;
}
function unhover_menu(e){
	if(hide_menu == false){
		hide_menu = window.setTimeout(function(){
			popup.removeAttribute("style");
			link.removeAttribute("class");
		}, 500);
	}
}

var link = false;
bind(window, "load", function(){
	link = document.getElementById("menu").getElementsByTagName("a")[5];
	bind(link, "mouseover", hover_menu);	
	bind(link, "mouseout", unhover_menu);	
	bind(popup, "mouseover", hover_menu);	
	bind(popup, "mouseout", unhover_menu);	

	document.getElementsByTagName("body")[0].appendChild(popup);
});