sfHover = function() {
	var sfEls = document.getElementById("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"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

makeRollOvers = function(){
	navs = document.getElementById('nav').getElementsByTagName('IMG');
	bodyClass = window.document.body.className;
	for(var i=0;i<navs.length;i++){
		var parentID = navs[i].parentNode.parentNode.id;
		if(parentID == bodyClass){
			navs[i].src = navs[i].src.replace('.gif', '_on.gif');
		} else {
			navs[i].onmouseover = over;
			navs[i].onmouseout = out;
		}
	}
}

over = function(evt){
	evt = (evt) ? evt : ((window.event) ? window.event : '');
	var theImage = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : '');
	theImage.setAttribute('src',theImage.getAttribute('src').replace('.gif','_roll.gif'));
}
out = function(evt){
	evt = (evt) ? evt : ((window.event) ? window.event : '');
	var theImage = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : '');
	theImage.src = theImage.src.replace('_roll.gif','.gif');
}