$(function(){
	dropit = function(){
    
        
        $('ul:first',this).css('visibility', 'visible');
       
       	//ER custom code to move things left when needed
			
			//find location of first tier menudrop and see if it'll get cut off on the right, in which case it should go to the left.
			if($(this).parent().hasClass("menudrop")){
				var spaceleft = 960 - $(this).parent().position().left - $(this).position().left - 180;
				if(spaceleft < 0) $(this).addClass("dropleft");
			}
			else{
				//were talking tier 2 menudrop or deeper.
	  
				var menuleftpos = 0;
				$(this).parents().each(function(){
					menuleftpos = menuleftpos + $(this).position().left;
				});
				var menurightedge = menuleftpos - $('#Box6').position().left + 180;
				if(menurightedge >= 960 - 180){
					$(this).addClass("dropleft");
				}
			}
    		// end customization
    		//$(this).css('position','relative');
    		$(this).addClass("relhover");
     };
     
    pullit = function(){
    
        $('ul:first',this).css('visibility', 'hidden');
    	//$(this).css('position','relative');
    	 $(this).removeClass("relhover");
    };

	addhoverclass = function(){
		$(this).addClass("hover");
	}
	removehoverclass = function(){
		$(this).removeClass("hover");
	}

	var config = {    
		 sensitivity: 3,   
		 interval: 100,   
		 over: dropit,
		 timeout: 300,   
		 out: pullit   
	};
	var config2 = {    
		 sensitivity: 3,   
		 interval: 0,   
		 over: addhoverclass,
		 timeout: 0,   
		 out: removehoverclass   
	};
	

    $("ul.menudrop li").hoverIntent(config2).hoverIntent(config);
    
    $("ul.menudrop li ul li:has(ul)").find("a:first").append(" &raquo; ");

});