$(document).ready(function() {
    function fadeOpen(){
		$(this).find(".panel").stop().fadeTo('fast', 1, function() {
		  $(this).show(); 
		  this.style.removeAttribute('filter');
	  });
	}
	function fadeClose(){ 
	  $(this).find(".panel").stop().fadeTo('fast', 0, function() {
		  $(this).hide(); 
	  });
	}
	function dropOpen() {
		//$(this).addClass("hover");
		$('.panel',this).css('visibility','visible');
	}
	function dropClose() {
		//$(this).removeClass("hover");
		$('.panel',this).css('visibility','hidden');
	}
	
	var config = {    
		 sensitivity: 2, // number = sensitivity threshold (must be 1 or higher)    
		 interval: 200, // number = milliseconds for onMouseOver polling interval    
		 over: dropOpen, // function = onMouseOver callback (REQUIRED)    
		 timeout: 200, // number = milliseconds delay before onMouseOut    
		 out: dropClose // function = onMouseOut callback (REQUIRED)    
	};  

	//$("ul#menu li .panel").css({'opacity':'0'});
	$("ul#menu li").hoverIntent(config);
});

sfHover = function() 
{
	if(document.getElementById("dropdownnav") != null)
	{
		var sfEls = document.getElementById("dropdownnav").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);
