$(document).ready(function(){

//Page Flip on hover

$("#barato").hover(function() {
		$("#barato img , .msg_block").stop()
			.animate({
				width: '50px', 
				height: '50px'
			}, 350); 
		} , function() {
		$("#barato img").stop() 
			.animate({
				width: '0px', 
				height: '0px'
			}, 350);
		$(".msg_block").stop() 
		.animate({
			width: '0px', 
			height: '0px'
		}, 350);
});
$("#legal").hover(function() { //On hover...
		$("#legal img , .msg_block2").stop()
			.animate({ // Animacion de nuestro div (Width + height)
				width: '50px',
				height: '50px'
			}, 350);
		} , function() {
		$("#legal img").stop() //Al estar fuera volvemos a nuestro tamaņo original 0x0
			.animate({
				width: '0px',
				height: '0px'
			}, 350);
		$(".msg_block2").stop() //Al estar fuera volvemos a nuestro tamaņo original 0x0
		.animate({
			width: '0px',
			height: '0px'
		}, 350);
});
$("#experiencia").hover(function() { //On hover...
		$("#experiencia img , .msg_block3").stop()
			.animate({ // Animacion de nuestro div (Width + height)
				width: '50px',
				height: '50px'
			}, 350);
		} , function() {
		$("#experiencia img").stop() //Al estar fuera volvemos a nuestro tamaņo original 0x0
			.animate({
				width: '0px',
				height: '0px'
			}, 350);
		$(".msg_block3").stop() //Al estar fuera volvemos a nuestro tamaņo original 0x0
		.animate({
			width: '0px',
			height: '0px'
		}, 350);
		});


$("#resident_evil").hover(function() { //On hover...
		$("#resident_evil img , .msg_blockr").stop()
			.animate({ // Animacion de nuestro div (Width + height)
				width: '50px',
				height: '50px'
			}, 350);
		} , function() {
		$("#resident_evil img").stop() //Al estar fuera volvemos a nuestro tamaņo original 0x0
			.animate({
				width: '0px',
				height: '0px'
			}, 350);
		$(".msg_blockr").stop() //Al estar fuera volvemos a nuestro tamaņo original 0x0
		.animate({
			width: '0px',
			height: '0px'
		}, 350);
		});


});