sfHover = function() { 
	var timer;
	var timeout = 500;
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			if( timer ) {
				var self = this;
				var tlocal = setTimeout( 
					function(){ 
						self.setAttribute( "className", self.getAttribute( "className" ) + " sfhover" ); 
						self.setAttribute( "class", self.getAttribute( "class" ) + " sfhover" ); 
					}
					, timeout / 2
					);
			}
			else {
				this.setAttribute( "className", this.getAttribute( "className" ) + " sfhover" ); 
				this.setAttribute( "class", this.getAttribute( "class" ) + " sfhover" ); 
			}
		}
		sfEls[i].onmouseout=function() {
			var self = this;
			self = this;
			timer = setTimeout( 
				function(){ 
						self.setAttribute( "className", self.getAttribute( "className" ).replace(new RegExp(" sfhover\\b"), "")); 
						self.setAttribute( "class", self.getAttribute( "class" ).replace(new RegExp(" sfhover\\b"), "")); 
				}
				, timeout
				);
		}
	}
}
if (window.attachEvent) 
	window.attachEvent("onload", sfHover);
else
	window.onload=sfHover;