var J = jQuery.noConflict();
J(document).ready(function () {
  // find the elements to be eased and hook the hover event
  J('div.jimgMenu ul li a').hover(function() {    
    // if the element is currently being animated
    if (J(this).is(':animated')) {
      J(this).stop().animate({width: "780px"}, {duration: 550, easing:"easeOutQuad", complete: "callback"});
    } else {
      // ease in quickly
      J(this).stop().animate({width: "580px"}, {duration: 500, easing:"easeOutQuad", complete: "callback"});
    }
  }, function () {
    // on hovering out, ease the element out
    if (J(this).is(':animated')) {
      J(this).stop().animate({width: "120px"}, {duration: 550, easing:"easeInOutQuad", complete: "callback"})
    } else {
      // ease out slowly
      J(this).stop(':animated').animate({width: "120px"}, {duration: 550, easing:"easeInOutQuad", complete: "callback"});
    }
  });
});