﻿function getElementsByClass(searchClass,node,tag) {
  var classElements = new Array();
  if (node == null)
    node = document;
  if (tag == null)
    tag = '*';
  var els = node.getElementsByTagName(tag);
  var elsLen = els.length;
  var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
  for (i = 0, j = 0; i < elsLen; i++) {
    if (pattern.test(els[i].className) ) {
      classElements[j] = els[i];
      j++;
    }
  }
  return classElements;
}

sfHover = function() {
    arr = getElementsByClass("nav");
	for (var a = 0; a< arr.length; a++)
	{
	    var sfEls = arr[a].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"), "");
		    }
	    }
	}
	verticalNavs = getElementsByClass("vnav");
	for (var a = 0; a < verticalNavs.length; a++) {
	    var sfEls = verticalNavs[a].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);

