var $hoverIntentSubmenuConfig = {    
     over: showSubmenu,   
     timeout: 500,  
     out: hideSubmenu 
};

$(".jquery-show-submenu").hoverIntent($hoverIntentSubmenuConfig);

function showSubmenu()
{
	var $submenu = $(this).find(".jquery-submenu");
	
	$(this).addClass("hover");
	
	$submenu.show();
	$submenu.animate({
		width: '175px'
	},
	500, 'swing' // duration, easing
	);
}

function hideSubmenu()
{
	var $submenu = $(this).find(".jquery-submenu");
	
	$submenu.animate({
		width: '0px'
	},
	500, 'swing', function() { $submenu.hide(); $(this).parent().removeClass("hover"); } // duration, easing, callback function to hide after animation
	);
}