// Modal

$(document).ready(function() {
    $('a.modal').click(function() {
        $('<div id="modal-overlay"></div>')
                    .css('height', $(document).height())
                    .css('opacity', '0')
                    .css('background-position', 'center ' + ($(window).scrollTop() + $(window).height() / 2) + 'px')                   
                    .appendTo('body');

        $('#modal-overlay').animate({ 'opacity': '0.5' }, 'slow');

        $('<div id="modal"></div>')
                    .hide()
                    .appendTo('body');

        $('<img />')
                    .attr('src', $(this).attr('href'))
                    .load(function() { positionModal(); })
                    .click(function() { removeModal(); })
                    .appendTo('#modal');

        $('<a href="#" id="close" style="position: absolute; bottom: 10px; right: 10px;"><img src="/stylesheets/images/closelabel.gif" alt="Chiudi" style="border: 0" /></a>')
            .click(function() { removeModal(); return false; })
            .appendTo('#modal')

        return false;

    });
});

function positionModal() {
    var top = ($(window).height() - $('#modal').height()) / 2;
    var left = ($(window).width() - $('#modal').width()) / 2;

//    $('#modal-overlay').css('background-image', 'none');

    $('#modal')
                .css({
                    'top': top + $(document).scrollTop(),
                    'left': left                    
                })
                .fadeIn();
}

function removeModal() {
    $('#modal-overlay, #modal')
                .fadeOut('slow', function() {
                    $(this).remove();
                });
}