function lightBoxThumbnailClick() {
    if (lightBoxThumbnailClick.dragged) return false;
    
    var url = $(this).attr('href');
    var image = new Image();
    $(image).load(function() {
        var body = $('body');
        var left = (body.width() - (image.width + 20)) / 2;
        var top = (body.height() - (image.height + 20 + 30)) / 2;
        $.blockUI({
            css: { cursor: 'pointer', left: left, top: top, width: image.width, height: image.height + 30, padding: 10 },
            message: '<div><img src="' + url + '" alt=""/><p><a href="#" style="color: black">Close</a></p></div>'
        });

        $('body').one('click', function() { $.unblockUI(); return false; });
    });
    image.src = url;

    return false;
}

$(function() {
    $('.gallery .picture a[rel=fullsize]').click(lightBoxThumbnailClick);
});