$(document).ready(function() {  
	// Add effects on the main restaurant cells.
	$("#restaurants .restaurant a").mouseover(
		function()
		{
			var effect = $(this).parent().find(".effect");
			effect.fadeIn(200);
			//effect.animate({opacity:0.6, display:'block'}, 200);
		}
	).mouseleave(
		function()
		{
			var effect = $(this).parent().find(".effect");
			effect.fadeOut(200);
			//effect.fadeOut({opacity:0}, 200);
		}
	);
});