$(document).ready(function(){   
  $("#pageflip").hover(function() { //При наведении мышкой...
      $("#pageflip img , .msg_block").stop()
      .animate({ //Анимировать и расширять msg_block (Ширина + высота)
      width: '307px', 
      height: '319px'
      }, 500); 
      } , function() {
      $("#pageflip img").stop() //Когда мышь не на уголке - вернуться к исходным размерам 50x52
      .animate({
      width: '50px', 
      height: '52px'
      }, 220);
      $(".msg_block").stop()  //то же самое, но только это относится к внутреннему контенту уголка (50x50)
      .animate({
      width: '50px', 
      height: '50px'
      }, 200);
      });
});