//WAIT FOR THE PAGE TO BE READY
$(document).ready(function(){

//MENUS PAGE PANESL THAT DO ANIMATIONS

	$('div.food_image').removeClass('boring');
	
	$('div.food_image a').bind("mouseenter",function() {
		$(this).stop().queue( [ ] );
		$(this).animate({left: -308, top: -130}, 300, "easeOutQuart", fadeInText);
		$(this).children('span').css({opacity: 0});
	}).bind("mouseleave",function() {
		$(this).queue( [ ] ).stop();
		$(this).children('span').animate({opacity: 0}, 300, fadeOutText);
	});

	function fadeInText(){
		$(this).children('span').queue( [ ] ).stop();
		$(this).children('span').animate({opacity: 1}, 300);
	}
	function fadeOutText(){
		$(this).parent('a').queue( [ ] ).stop();
		$(this).css({opacity:0}).parent('a').animate({left: 0, top: 0}, 600, "easeOutQuart");
	}

//END JQUERY
});