$(document).ready(function(){

  $("#pageflip").hover(function() { //On hover...
    $("#pageflip img , .msg_block").stop()
      .animate({ //Animate and expand the image and the msg_block (Width + height)
        width: '307px',
        height: '319px'
      }, 500);
    } , function() {
    $("#pageflip img").stop() //On hover out, go back to original size 50x52
      .animate({
        width: '100px',
        height: '104px'
      }, 220);
    $(".msg_block").stop() //On hover out, go back to original size 50x50
      .animate({
        width: '100px',
        height: '100px'
      }, 200); //Note this one retracts a bit faster (to prevent glitching in IE)
  });
  
  $(".navitem").hover(function() {
    $(this).addClass("hover");
  }, function() {
    $(this).removeClass("hover");
  });
});