$(document).ready(function() {
			
	
	
	// find the elements to be eased and hook the hover event
  	$("div.jimgMenu ul li a").hover(function() {
    
	if ($(this).is(".first"))
	{
		// if the element is currently being animated (to a easeOut)...
	    if ($(this).is(":animated")) 
	    {
	      $(this).stop().animate({width: "460px"}, {duration: 450, easing:"easeOutQuad"});
	    } else {
	      // ease in quickly
	      $(this).stop().animate({width: "460px"}, {duration: 400, easing:"easeOutQuad"});
	    }
	}
	else
	{   
	    // if the element is currently being animated (to a easeOut)...
	    if ($(this).is(":animated")) 
	    {
	      $(this).stop().animate({width: "460px"}, {duration: 450, easing:"easeOutQuad"});
	      $("div.jimgMenu ul li a.first").stop().animate({width: "55px"}, {duration: 400, easing:"easeInOutQuad"});
	    } else {
	      // ease in quickly
	      $(this).stop().animate({width: "460px"}, {duration: 400, easing:"easeOutQuad"});
	      $("div.jimgMenu ul li a.first").stop("animated:").animate({width: "55px"}, {duration: 400, easing:"easeInOutQuad"});
	    }
	}
  }, function () {
    // on hovering out, ease the element out
   		
   		if ($(this).is(".first"))
		{
    	
		}
		else
		{
    		if ($(this).is(":animated")) {
		    	$(this).stop().animate({width: "55px"}, {duration: 400, easing:"easeInOutQuad", complete:function(){}});
		    	$("div.jimgMenu ul li a.first").stop().animate({width: "460px"}, {duration: 400, easing:"easeInOutQuad"});
		   	} else {
		      // ease out slowly     
		      $(this).stop("animated:").animate({width: "55px"}, {duration: 450, easing:"easeInOutQuad", complete:function(){}});
		      $("div.jimgMenu ul li a.first").stop("animated:").animate({width: "460px"}, {duration: 400, easing:"easeInOutQuad"});
		    }
		}	
  });		
});