// -*- mode: javascript -*-

var menuscript = {
    SUBMENU_REMOVE_TIMEOUT: 5000, // ms
    
    showMenu: function (event,orignode, pos) {
	intpos = pos;
	for (i = 1; i < 6; i++){
	    if (i != intpos){
		omenu = 'msmenu' + i;
		otnode = document.getElementById(omenu);
		otnode.style.display = 'none';
	    }
	}
	selmenu = 'msmenu' + pos;
	selnode = document.getElementById(selmenu);
	subs = document.getElementById('main-submenu');
	if (selnode.style.display == 'block'){
	    selnode.style.display = 'none';
	    subs.setAttribute('class','submenu');
	    orignode.removeAttribute('style');
	}else{
	    for (var x = 0, sub; sub = subs.childNodes[x]; x++){
		if (sub.style)
		    sub.removeAttribute('style');
	    }
	    selnode.style.display = 'block';
	    orignode.style.color = 'black';
            orignode.style.backgroundColor = '#B2B6AE';
	    subs.setAttribute('class','submenuhl');
	    selnode.onmouseout = function () { menuscript.submenuOut (orignode, selnode, pos); }
	    selnode.onmousemove = function () { menuscript.submenuMove (selnode); };
	}
    },

    submenuOut: function (orignode, submenu, pos) {
	if (submenu.style.display == 'block'){
	    submenu.timeout = window.setTimeout (function () { 
		if (submenu.timeout) {
		    submenu.timeout = undefined; 
		    menuscript.showMenu (undefined, orignode, pos); 
		}
	    }, menuscript.SUBMENU_REMOVE_TIMEOUT);
	}
    },
    
    submenuMove: function (submenu) {
	if (submenu.timeout) {
	    window.clearTimeout (submenu.timeout);
	    submenu.timeout = undefined;
	}
    },
    
}