$(document).ready(function () {
		
	// find the elements to be eased and hook the hover event
	$('div.slideshow-mode-1 ul li a').not('div.slideshow-mode-1 ul li:last-child a').hover(
		
		function() 
		{
		
			// if the element is currently being animated (to a easeOut)...
			if ($(this).is(':animated')) 
			{
				$(this).stop().animate({width: "500px"}, {duration: 700, easing:"easeOutQuad", complete: "callback"});
			} 
			else 
			{
				// ease in quickly
				$(this).stop().animate({width: "500px"}, {duration: 700, easing:"easeOutQuad", complete: "callback"});
			}
			
		}, 
		
		function () 
		{
		
			// on hovering out, ease the element out
			if ($(this).is(':animated')) 
			{
				$(this).stop().animate({width: "112px"}, {duration: 700, easing:"easeInOutQuad", complete: "callback"})
			} 
			else 
			{
				// ease out slowly
				$(this).stop(':animated').animate({width: "112px"}, {duration: 700, easing:"easeInOutQuad", complete: "callback"});
			}
			
		}
	);
	
	//$('div.slideshow-mode-1 ul li:last-child a').animate({width: "500px"}).css({width:"500px", "min-width":"500px"});
	

	
});