function getElementsByClassName(cl) {
  var retnode = [];
  var myclass = new RegExp('\\b'+cl+'\\b');
  var elem = document.getElementsByTagName('*');
  for (var i = 0; i < elem.length; i++) {
    var classes = elem[i].className;
    if (myclass.test(classes)) retnode.push(elem[i]);
  }
  return retnode;
};

sfHover = function() {
	    var sfEls = getElementsByClassName("nav");

	for (var i=0; i<sfEls.length; i++) {
	  var listItems = sfEls[i].getElementsByTagName("LI");

	for( var x=0;x<listItems.length;x++) {
	  listItems[x].onmouseover=function() {
	    this.className+=" sfhover";
	  }
	  listItems[x].onmouseout=function() {
	    this.className=this.className.replace(new RegExp("sfhover\\b"), "");
	  }
	}

	}
}

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

if(window.addEventListener) {
	window.addEventListener("load", sfHover, false);
}