sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" hover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" hover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);



/*-------------TABLE HIGHLIGHT CODE---------------//
usage : 
<table width="100%" cellpadding="0" cellspacing="0" onMouseover="changeto('#FEEDE6')" onMouseout="changeback('')">

To exclude any cell(s) from the rollover effect,
simply give that cell an id="ignore_[number]"
declaration, inserted inside the <tr> tag. 
For example:  <tr id="ignore_1">
(for validation purposes the "number" should be different for each id.)

*/
function changeto(highlightcolor){
source=event.srcElement

if (source.tagName=="TR"||source.tagName=="TABLE")
return
while(source.tagName=="TD" || source.tagName=="SPAN" || source.tagName=="EM" || source.tagName=="STRONG" || source.tagName=="SUP" || source.tagName=="IMG" || source.tagName=="A")
source=source.parentElement 
if (source.style.backgroundColor!=highlightcolor&&source.id.replace(/[\d\/]+/g, '')!="ignore_")
source.style.backgroundColor=highlightcolor
}

function changeback(originalcolor){
if (event.fromElement.contains(event.toElement)||source.contains(event.toElement)||source.id.replace(/[\d\/]+/g, '')=="ignore_")
return
if (event.toElement!=source)
source.style.backgroundColor=originalcolor
}
//-------------TABLE HIGHLIGHT CODE---------------//