/*
$("#pageflip").hover(function() { //On hover...
	$("#pageflip img , .msg_block").stop()
		.animate({ //Animate and expand the image and the msg_block (Width + height)
			width: '307px',
			height: '319px'
		}, 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)
});
*/
// JavaScript Document
var isBig=false;
var startPeel=true;
var scaleFactor=4;
Event.observe(window,'load',function() {
	Event.observe(document,'mousemove',function(event) {												
			if(event.target.id == 'pageflip_img') {							
				//startPeel=true;
			}
			else {
				startPeel=false;
				Event.stop(event);				
			}
			
			});
	
	/*
	Event.observe('pageflip','mousemove',function(event) {
		var element = event.element();									 	
	});
	*/
	
	Event.observe('pageflip','mouseover',function(event) {	
				//alert(isBig + " - " + startPeel);												  
				if(!isBig && !startPeel) {
					new Effect.Scale($('pageflip_img'), 100*scaleFactor, {scaleFromCenter:false,scaleMode: { originalHeight: 52, originalWidth: 50 },scaleContent:false, duration:0.5,delay:0.1});					
					new Effect.Scale($('pageflip_msg_block'), 100*scaleFactor, {scaleFromCenter:false,scaleMode: { originalHeight: 50, originalWidth: 50 },scaleContent:false,duration:0.5,delay:0.1});					
					isBig=true;
				}
			});

	Event.observe('pageflip','mouseout',function(event) {									 
				//alert('is Big is ' + isBig);												 
				if(isBig) {	
					new Effect.Scale($('pageflip_msg_block'), 100/scaleFactor, {scaleFromCenter:false,duration:0.4,delay:0.0, scaleMode: {originalHeight: 200, originalWidth: 200 }});															
					new Effect.Scale($('pageflip_img'), 100/scaleFactor, {scaleFromCenter:false,duration:0.4,delay:0.0,
									   scaleMode: {originalHeight: 208, originalWidth: 200}});							
					isBig=false;
				}
	});

});