﻿function InitialiseLightbox() {
    var docWidth = $(document).width();
    var lightboxWidth = $('.lightboxContent').width();
    var leftPosition = (docWidth / 2) - (lightboxWidth / 2);
    $('.lightboxContent').css('left', leftPosition);

    var docHeight = $(document).height();
    $('.lightboxBackground').css('height', docHeight);
    $('.lightboxBackground').click(function () {
        HideLightbox();
    });
}

function ShowLightbox() {
    InitialiseLightbox();
    $('.lightboxBackground').show();
    $('.lightboxContent').fadeIn();
}

function HideLightbox() {
    $('.lightboxBackground').hide();
    $('.lightboxContent').hide();
}
