JQ(function() {
  JQ("#boxleft").mouseenter(function() {
    JQ("#boxleft").stop(true, true).css(  'z-index' , '3').animate({ height: "494px", top: "10px" }, {duration: 750, easing: 'easeOutBack'} );
    JQ("#boxmiddle").stop(true, true).css('z-index' , '2').animate({ height: "454px", top: "30px" }, {duration: 750, easing: 'easeOutBack'} );
    JQ("#boxright").stop(true, true).css( 'z-index' , '1').animate({ height: "414px", top: "50px" }, {duration: 750, easing: 'easeOutBack'} );
    
    //JQ("#menuleft").stop(true, true).animate({   marginTop: "130px" }, {duration: 750, easing: 'easeOutBack'} );
    //JQ("#menumiddle").stop(true, true).animate({ marginTop: "90px" }, {duration: 750, easing: 'easeOutBack'} );
    //JQ("#menuright").stop(true, true).animate({  marginTop: "90px" }, {duration: 750, easing: 'easeOutBack'} );
    
    //JQ(".handleft").stop(true, true).animate({   top: "210px" }, {duration: 750, easing: 'easeOutBack'} );
    //JQ(".handmiddle").stop(true, true).animate({ top: "170px" }, {duration: 750, easing: 'easeOutBack'} );
    //JQ(".handright").stop(true, true).animate({  top: "170px" }, {duration: 750, easing: 'easeOutBack'} );
  });
  JQ("#boxleft").mouseleave(function() {
    JQ("#boxleft").stop(true, true).css(  'z-index' , '2').animate({ height: "454px", top: "30px" }, {duration: 750, easing: 'easeOutBack'} );
    JQ("#boxmiddle").stop(true, true).css('z-index' , '3').animate({ height: "494px", top: "10px" }, {duration: 750, easing: 'easeOutBack'} );
    JQ("#boxright").stop(true, true).css( 'z-index' , '1').animate({ height: "414px", top: "50px" }, {duration: 750, easing: 'easeOutBack'} );
    
    //JQ("#menuleft").stop(true, true).animate({   marginTop: "110px" }, {duration: 750, easing: 'easeOutBack'} );
    //JQ("#menumiddle").stop(true, true).animate({ marginTop: "110px" }, {duration: 750, easing: 'easeOutBack'} );
    //JQ("#menuright").stop(true, true).animate({  marginTop: "90px" }, {duration: 750, easing: 'easeOutBack'} );
    
    //JQ(".handleft").stop(true, true).animate({   top: "190px" }, {duration: 750, easing: 'easeOutBack'} );
    //JQ(".handmiddle").stop(true, true).animate({ top: "190px" }, {duration: 750, easing: 'easeOutBack'} );
    //JQ(".handright").stop(true, true).animate({  top: "170px" }, {duration: 750, easing: 'easeOutBack'} );
  });

  //JQ("#boxmiddle").mouseenter(function() {
  //  JQ("#boxleft").stop(true, true).css(  'z-index' , '2').animate({ height: "454px", top: "30px" }, {duration: 750, easing: 'easeOutBack'} );
  //  JQ("#boxmiddle").stop(true, true).css('z-index' , '3').animate({ height: "494px", top: "10px" }, {duration: 750, easing: 'easeOutBack'} );
  //  JQ("#boxright").stop(true, true).css( 'z-index' , '1').animate({ height: "414px", top: "50px" }, {duration: 750, easing: 'easeOutBack'} );
  //});
  //JQ("#boxmiddle").mouseleave(function() {
  //  JQ("#boxleft").stop(true, true).css(  'z-index' , '2').animate({ height: "454px", top: "30px" }, {duration: 750, easing: 'easeOutBack'} );
  //  JQ("#boxmiddle").stop(true, true).css('z-index' , '3').animate({ height: "494px", top: "10px" }, {duration: 750, easing: 'easeOutBack'} );
  //  JQ("#boxright").stop(true, true).css( 'z-index' , '1').animate({ height: "414px", top: "50px" }, {duration: 750, easing: 'easeOutBack'} );
  //});
  
  
  JQ("#boxright").mouseenter(function() {
    JQ("#boxright").stop(true, true).css( 'z-index' , '3').animate({ height: "494px", top: "10px" }, {duration: 750, easing: 'easeOutBack'} );
    JQ("#boxmiddle").stop(true, true).css('z-index' , '2').animate({ height: "454px", top: "30px" }, {duration: 750, easing: 'easeOutBack'} );
    JQ("#boxleft").stop(true, true).css(  'z-index' , '1').animate({ height: "414px", top: "50px" }, {duration: 750, easing: 'easeOutBack'} );
  });
  JQ("#boxright").mouseleave(function() {
    JQ("#boxright").stop(true, true).css( 'z-index' , '1').animate({ height: "414px", top: "50px" }, {duration: 750, easing: 'easeOutBack'} );
    JQ("#boxmiddle").stop(true, true).css('z-index' , '3').animate({ height: "494px", top: "10px" }, {duration: 750, easing: 'easeOutBack'} );
    JQ("#boxleft").stop(true, true).css(  'z-index' , '2').animate({ height: "454px", top: "30px" }, {duration: 750, easing: 'easeOutBack'} );
  });
});