$(document).ready(function() {

$("#pageflip2").hover(
	function() { //On hover...
		$("#pageflip2 img.corner").stop()
			.animate({ //Animate and expand the image and the msg_block (Width + height)
				width: '700px',
				height: '800px'
			}, 980);
		$("#intro2mask").stop()
			.animate({ //Animate and expand the image and the msg_block (Width + height)
				width: '730px',
				height: '800px'
			}, 1000);
	},
	function() { // On hover out
		$("#pageflip2 img.corner").stop() //On hover out, go back to original size 50x52
			.animate({
				width: '75px',
				height: '78px'
			}, 320);
		$("#intro2mask").stop() //On hover out, go back to original size 50x50
			.animate({
				width: '75px',
				height: '75px'
			}, 300); //Note this one retracts a bit faster (to prevent glitching in IE)
});
$("#pageflip3").hover(
	function() { //On hover...
		$("#pageflip3 img.corner").stop()
			.animate({ //Animate and expand the image and the msg_block (Width + height)
				width: '700px',
				height: '800px'
			}, 980);
		$("#intro3mask").stop()
			.animate({ //Animate and expand the image and the msg_block (Width + height)
				width: '730px',
				height: '800px'
			}, 1000);
	},
	function() { // On hover out
		$("#pageflip3 img.corner").stop() //On hover out, go back to original size 50x52
			.animate({
				width: '75px',
				height: '78px'
			}, 320);
		$("#intro3mask").stop() //On hover out, go back to original size 50x50
			.animate({
				width: '75px',
				height: '75px'
			}, 300); //Note this one retracts a bit faster (to prevent glitching in IE)
});

});