//<![CDATA[
$(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);
        });
    });
});
// ]]>