  $(document).ready(function(){
    
	$("div.nav_sound_boundary").mouseenter(function(){
		$("img.sound_nav").animate({marginTop: "8px",}, 100 );
		$("font.nav_text_sound").fadeIn(300);
	});
	$("div.nav_sound_boundary").mouseleave(function(){
		$("img.sound_nav").animate({marginTop: "0px",}, 100 );
		$("font.nav_text_sound").fadeOut(600);
	});
});

  $(document).ready(function(){
    
	$("div.nav_images_boundary").mouseenter(function(){
		$("img.images_nav").animate({marginTop: "8px",}, 100 );
		$("font.nav_text_images").fadeIn(300);
	});
	$("div.nav_images_boundary").mouseleave(function(){
		$("img.images_nav").animate({marginTop: "0px",}, 100 );
		$("font.nav_text_images").fadeOut(600);
	});
});

  $(document).ready(function(){
    
	$("div.nav_text_boundary").mouseenter(function(){
		$("img.text_nav").animate({marginTop: "10px",}, 100 );
		$("font.nav_text_text").fadeIn(300);
	});
	$("div.nav_text_boundary").mouseleave(function(){
		$("img.text_nav").animate({marginTop: "3px",}, 100 );
		$("font.nav_text_text").fadeOut(600);
	});
});

  $(document).ready(function(){
    
	$("div.nav_self_boundary").mouseenter(function(){
		$("img.self_nav").animate({marginTop: "8px",}, 100 );
		$("font.nav_text_self").fadeIn(300);
	});
	$("div.nav_self_boundary").mouseleave(function(){
		$("img.self_nav").animate({marginTop: "0px",}, 100 );
		$("font.nav_text_self").fadeOut(600);
	});
});

  $(document).ready(function(){
    
	$("img.monster1").mouseenter(function(){
				$("img.monster1").animate({marginLeft: "30px",}, 700, "linear", function(){
									$("img.monster1").animate({marginLeft: "0px",}, 1000);
									});
	});
});

  $(document).ready(function(){
    
	$("img.monster2").mouseenter(function(){
				$("img.monster2").animate({marginTop: "-10px",}, 100, "linear", function(){
									$("img.monster2").animate({marginTop: "0px",}, 100);
									});
	});
});

  $(document).ready(function(){
    
	$("div.fckd").mouseenter(function(){
		$("div.fckd").animate({marginTop: "12px", marginLeft: "3px",}, 100 );
		$("div.fckd2").animate({marginTop: "5px",}, 200 );
		$("div.fckd3").animate({marginTop: "-4px", marginLeft: "-2px",}, 150 );
		$("div.fckd4").animate({marginTop: "-10px", marginLeft: "20px",}, 333 );
	});
	$("div.fckd").mouseleave(function(){
		$("div.fckd").animate({marginTop: "-5px",}, 200 );
		$("div.fckd2").animate({marginTop: "0px", marginLeft: "-2px",}, 150 );
		$("div.fckd3").animate({marginTop: "3px", marginLeft: "1px",}, 1000 );
		$("div.fckd4").animate({marginTop: "15px",}, 100 );
	});
});
