exitHover=new Array();

function showRollover(id) {
    keepRollover(id);
    show(id);
}

function hideRollover(id) {
    exitHover[id]=setTimeout("hide('" + id + "');", 20);
}

function hide(id) {
    setVisibility(id, 'hidden');
    setVisibility(id+'-content', 'hidden');
    setVisibility(id+'-logo', 'visible');
}

function show(id) {
    setVisibility(id, 'visible');
    setVisibility(id+'-logo', 'hidden');
    setVisibility(id+'-content', 'visible');
}

function setVisibility(id, visibility) {
    element = document.getElementById(id);
    if (element != null) {
        element.style.visibility = visibility;
    }
}

function keepRollover(id) {
    if (typeof exitHover[id] != 'undefined') {
        clearTimeout(exitHover[id]);
    }
}

/* multi-level main menu */
sfHover = function() {
	var sfEls = document.getElementById("main_menu").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);