// JavaScript Document

$(document).ready(function(){

//Page Flip on hover

	$("#pageflip").hover(function() { 
		$("#pageflip img , .msg_block").stop() //Anima y expande la imagen y msg_blockA 
			.animate({
				width: '307px', 
				height: '308px'
			}, 500); 
		} , function() {
		$("#pageflip img").stop() //Cuando nos posicionamos encima, vuelve a las dimensiones originales 50x52  
			.animate({
				width: '50px', 
				height: '52px'
			}, 220);
		$(".msg_block").stop() //Cuando quitamos el cursor de encima, vuelve a las dimensiones originales 50x50  
			.animate({
				width: '50px', 
				height: '50px'
			}, 200);
	});

	
});