﻿// code for menu rollovers
var hideMenuEvent;
var displayMenu="";
function showMenu(id)
{
	if (displayMenu!="" && displayMenu!=id) hideMenu(0)
	displayMenu = id;
	var obj = document.getElementById(id);
	obj.getElementsByTagName("ul")[0].style.left="1em"
}
function hideMenu(timeout)
{
	clearTimeout(hideMenuEvent);
	hideMenuEvent=window.setTimeout('document.getElementById("' + displayMenu + '").getElementsByTagName("ul")[0].style.left="-999px"', timeout);
}
function cancelHideMenu()
{
	clearTimeout(hideMenuEvent);
}
sfHover = function() {
	if (document.getElementById("nav"))
	{
		var sfEls = document.getElementById("nav").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"), "");
			}
		}
	}
}

sfHover2 = function() {
	if (document.getElementById("leftMenuBar"))
	{
		var sfEls = document.getElementById("leftMenuBar").getElementsByTagName("LI");
		for (var i=0; i<sfEls.length; i++) {
			sfEls[i].onmouseover=function() {
				this.className+=" sfhover2";
			}
			sfEls[i].onmouseout=function() {
				this.className=this.className.replace(new RegExp(" sfhover2\\b"), "");
			}
		}
	}
}

if (window.attachEvent) window.attachEvent("onload", sfHover);
if (window.attachEvent) window.attachEvent("onload", sfHover2);	
