// JavaScript Document
sfHover = function()
    {
       var sfEls = document.getElementById("mainNav").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"), "");
          }
       }
    var listItem = document.getElementById("mainNav").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"), "");
      }
    }

  }

if (window.attachEvent) window.attachEvent("onload", sfHover);