// JavaScript Document

// Make sure the document is ready
$(document).ready(function() {
	
	$("#page-peel").hover(function() { //On hover...
		
		$("#page-peel img").stop().animate({ //Animate and expand the image and the msg_block (Width + height)
			width: '110px',
			height: '120px'
		}, 500);
		
		$("#page-peel .msg-block").stop().animate({ //Animate and expand the image and the msg_block (Width + height)
			width: '110px',
			height: '110px'
		}, 500);
		
	} , function() {
		
		$("#page-peel img").stop().animate({ //On hover out, go back to original size 50x52
			width: '64px',
			height: '70px'
		}, 220);
		
		$(".msg-block").stop().animate({ //On hover out, go back to original size 50x50
			width: '64px',
			height: '64px'
		}, 200); //Note this one retracts a bit faster (to prevent glitching in IE)
			
	});
	
});