$(document).ready(function() {
	$('<div id="mascara"></div>')
	.css({
	opacity : 0.8,
	width : $(document).width(),
	height : $(document).height()
	})
	.appendTo('body').hide();
	$('.foto').click(function(event) {
		event.preventDefault();
		$('#mascara').fadeIn(1000);
		$('<img class="foto-ampliada" />')
		.attr('src', $(this).attr('src'))
		.css({
		left: ($(document).width()/2 - 250),
		top: ($(document).height()/2 - 186)
		}).appendTo('body').click(function(){
			$(this).fadeOut(1000);
			$('#mascara').fadeOut(1500);
			});
	});	
});