function modalPhoto(id, src, title)
{

    var maxHeight = $(document).height();
    var maxWidth = $(window).width();

    $('#' + id).css({'width': maxWidth, 'height': maxHeight});
    $('#' + id).fadeIn(100);

    $('#' + id + ' #box img').load(function()
    {
        var maxWidth = $(window).width(); 
        var boxPosLeft = (maxWidth - $('#' + id + ' #box').width())/2;
        var boxPosTop = window.scrollY + 150;
        $('#' + id + ' #box').css({'left': boxPosLeft, 'top': boxPosTop}, 100);
        $('#' + id + ' #box').fadeIn(300);
    });

    $('#' + id + ' #box #title').html(title);
    $('#' + id + ' #box img').attr({'src': src});
    
    $('#' + id + ' #mask').click(function(){
        closeModalPhoto(id);
    });
    $('#' + id + ' #box').click(function(){
        closeModalPhoto(id);
    });

}



function closeModalPhoto(id)
{
    $('#' + id).fadeOut(500);
    $('#' + id + ' #box').fadeOut(500);
}