/*
Examples:
instead of: <body onload="myfunction()">
use: addEvent(window, 'load', myfunction);

instead of: window.onload = myfunction;
use: addEvent(window, 'load', myfunction);
*/
function addEvent(obj, evType, fn) {
	if (obj.addEventListener){
		obj.addEventListener(evType, fn, true);
		return true;
	} else if (obj.attachEvent){
		var r = obj.attachEvent("on"+evType, fn);
		return r;
	} else {
		return false;
	}
}
function addEventToId(id, evType, fn) {
	addEvent(document.getElementById(id), evType, fn);
}
function setStyleById(i, p, v) {
	var n = document.getElementById(i);
	n.style[p] = v;
}


sfHover = function() {
	var nav = document.getElementById("nav")
	if ( nav ) {
		var sfEls = 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(" sfhover\\b"), "");
			}
		}
	}
}
//addEvent(window,'load',sfHover);
if (window.attachEvent) window.attachEvent("onload", sfHover);
