var delay = 100; /* milli seconds */
function attachHooks() {
    var menu = document.getElementById("nav");
   
    var menuItems = menu.getElementsByTagName("li");
   
    currentHover = menuItems[0];
   
    for (var i = 0; i < menuItems.length; i++) {
        menuItems[i].onmouseover = function () {activateMenuWithDelay(this);};
        menuItems[i].onmouseout = function () {deactivateMenuWithDelay(this);};
    }
}
 
function activateMenuWithDelay(ele) {
	if(ele.timer) {
        clearTimeout(ele.timer);
	}
	ele.timer = setTimeout(function(){activateShowMenu(ele)}, delay);
}
  
function activateShowMenu(ele) {
	var parent = ele;
	//parent.className = "over";
	Element.addClassName(parent, 'over');  
}
 
function deactivateMenu(ele) {
    var parent = ele;
    // parent.className = " ";

    Element.removeClassName(parent, 'over');
}
 
function deactivateMenuWithDelay(ele) {
	if(ele.timer) {
        clearTimeout(ele.timer);
	}
    ele.timer = setTimeout(function(){deactivateMenu(ele)}, delay);
}
 
function initMenuDelay() {
	attachHooks();
	deactivateMenu();
}
 
function addLoadEvent(func) {
	var oldonload = window.onload;
	if (typeof window.onload != 'function') {
	 	window.onload = func;
	} else {
	 	window.onload = function() {
	 	oldonload();
	 	func();
	 	}
	}
}
addLoadEvent(attachHooks);