jQuery().ready(function(){
	initLayout();
});


function initLayout(){
	jQuery("#main ul.restaurant a").each(function(){
		if(jQuery(this).attr('title') == 'Em Breve') {
			jQuery(this).attr('title','').parent().parent().after('<em class="em-breve">Em Breve</em>');
			jQuery(this).click(function(){return false;})

			jQuery(this).hover(
				function(){
					jQuery(this).parent().parent().next("em.em-breve").stop(true, true).animate({opacity: "show", top: "-30"}, "slow"); 
				},
				function(){
					jQuery(this).parent().parent().next("em.em-breve").animate({opacity: "hide", top: "-50"}, "fast"); 
				}
			);
		}
	});
	jQuery("#main ul.restaurant img").each(function(){
		var src = jQuery(this).attr('src');
		jQuery(this).parent().hover(
			function(){
				jQuery(this).find('img').show();
				jQuery(this).find('img.grayscale').hide();
			},
			function(){
				jQuery(this).find('img').hide();
				jQuery(this).find('img.grayscale').show();
			}
		);
	});
}