//customised addEvent function for having a proper onload function call.
function addEvent(obj, evType, fn){ 
 if (obj.addEventListener){ 
   obj.addEventListener(evType, fn, false); 
   return true; 
 } else if (obj.attachEvent){ 
   var r = obj.attachEvent("on"+evType, fn); 
   return r; 
 } else { 
   return false; 
 } 
}

// Function that monitors the hover events on the main navigation
sfHover = function() {

	var sfEls = document.getElementById("primarynav").getElementsByTagName("li");
	for (var i=0; i<sfEls.length; i++) 
	{
		sfEls[i].onmouseover=function() 
		{ 
			this.className+=" sfhover";  
			var getParentId = this.parentNode.parentNode.id;
			if(getParentId) { var changeIDsClass = document.getElementById(getParentId); }
			if(changeIDsClass) { changeIDsClass.className+=" hoverstate"+getParentId; }
		}
		sfEls[i].onmouseout=function() 
		{ 
			this.className=this.className.replace(new RegExp(" sfhover\\b"), ""); 
			
		}
	}
	
} // end sfHover()

function parentOn(x)
{
	var getnav = document.getElementById(x);
	getnav.className = " parentOn_"+x;
}

function parentOff(x)
{
	var getnav = document.getElementById(x);
	getnav.className = " parentOff_"+x;
}

//if (window.attachEvent) window.attachEvent("onload", test);

//addEvent(window, "onload", sfHover);