menuHover = function(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("\\s?sfhover\\b"), "");
	  }
	}

	var listItem = document.getElementById(nav).getElementsByTagName('ul');
	for(var i=0;i<listItem.length;i++) {
	  listItem[i].onmouseover=function() {
		var changeStyle = this.parentNode.getElementsByTagName('a');
		changeStyle[0].className+=" active";
	  }

	  listItem[i].onmouseout=function() {
		var changeStyle = this.parentNode.getElementsByTagName('a');
		changeStyle[0].className=this.className.replace(new RegExp("\\s?active\\b"), "");
	  }
	}
  }

  function addEvent( obj, type, fn ) {
	if ( obj.attachEvent ) {
	  obj['e'+type+fn] = fn;
	  obj[type+fn] = function(){obj['e'+type+fn]( window.event );}
	  obj.attachEvent( 'on'+type, obj[type+fn] );
	} else
	  obj.addEventListener( type, fn, false );
	}
  function removeEvent( obj, type, fn ) {
	if ( obj.detachEvent ) {
	obj.detachEvent( 'on'+type, obj[type+fn] );
	obj[type+fn] = null;
	} else
	  obj.removeEventListener( type, fn, false );
	}

  addEvent(window, 'load', function () { menuHover('nav'); });
  
  
  function dimOff()
{
    document.getElementById("darkLayer").style.display = "none";
}
function dimOn()
{
    document.getElementById("darkLayer").style.display = "";
}