var ddCache = {to:null, tg:null};
	
	sfHover = function() {     
		var sfEls = document.getElementById("synnav").getElementsByTagName("DIV");     
		for (var i=0; i<sfEls.length; i++) {  
			if(sfEls[i].className.indexOf("cssHover") >= 0) {  
				sfEls[i].className = sfEls[i].className.replace("cssHover", "");
				sfEls[i].onmouseover = function() { 
					clearTimeout(ddCache.to);  
					if(ddCache.tg != null)
					{
						sfHoverOut(ddCache.tg);
						ddCache.tg = null;
					}
					this.className += " sfhover";        
				}
				sfEls[i].onmouseout = function() {
				
					var subEls = this.getElementsByTagName("DIV");
					var hasSubNav = false;
					
					for(var j = 0; j < subEls.length; j++)
					{
						if(subEls[j].className.indexOf("sub-nav") >= 0)
						{
							hasSubNav = true;
							break;
						}
					}
					
					if(hasSubNav)
					{
						ddCache.tg = this;
						ddCache.to = setTimeout(function(){
							sfHoverOut(ddCache.tg);
						}, 1000);     
					}
					else
					{
						sfHoverOut(this);
					}    
					         
				}  
			}   
		} 
	} 
	
	sfHoverOut = function(targ)
	{
		targ.className = targ.className.replace(new RegExp(" sfhover\\b"), "");
	}
	
	XBrowserAddHandler = function(target, eventName, handlerName)
	{ 
		if ( target.addEventListener )
			target.addEventListener(eventName, handlerName, false);
		else if ( target.attachEvent )
			target.attachEvent("on" + eventName, handlerName);
		else
			target["on" + eventName] = handlerName;
	}

	XBrowserAddHandler(window, "load", sfHover);