var transitionSpeed = 300;
var boxContents;
function doLightBox(open, contents)
{
    if (open)
    {
        var backdrop = document.createElement('div');
        jQuery(backdrop).addClass('PageBackdrop');
        jQuery(backdrop).css('background-color', 'black');
        jQuery(backdrop).css('position', 'fixed');
        jQuery(backdrop).css('width', '100%');
        jQuery(backdrop).css('height', '100%');
        jQuery(backdrop).css('top', '0px');
        jQuery(backdrop).css('left', '0px');
        jQuery(backdrop).css('opacity', '0.0');
        jQuery(backdrop).css('z-index', '99998');
        
        jQuery('body').append(backdrop);
        
        jQuery(backdrop).fadeTo(transitionSpeed, 0.65);
        
        jQuery(backdrop).click(function(){doLightBox(false, boxContents);});
        
        boxContents = jQuery(contents).clone().css('display', 'block').css('opacity', '0.0').css('z-index', '99999');
        jQuery('body').append(boxContents);
        boxContents.fadeTo(transitionSpeed, 1.0);
        
    }
    
    else
    {
        jQuery('.PageBackdrop').fadeOut(transitionSpeed, function(){jQuery('.PageBackdrop').remove();});
        jQuery(contents).fadeOut(transitionSpeed, function(){jQuery(contents).remove();});
    }
}