// JavaScript Document
/****************************************
Rollover Fades
***************************************/
function displayMe() {
		$(this).css({"display" : "block", "z-index" : "5"});
}


function MouseOver(i) 
{ 
	$(i).children("a").stop().fadeOut(500, 0, displayMe());		
}
	

function MouseOut(i) 
{
	$(i).children("a").stop().fadeIn(500, 1, displayMe());
}



$(document).ready(
function() {

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


}
);