function create_lightbox(application)
{
    $("#wrap").append("<div id=\"lightbox\"></div>");

    $("#lightbox").css({"width"    : "100%",
                        "height"   : "100%",
                        "position" : "absolute",
                        "left"     : "0px",
                        "top"      : "0px",
                        "background-color" : "#000000",
                        "position" : "fixed",
                        "z-index"  : 500,
                        "opacity"  : "0"}).fadeTo("slow", 0.9);

    $("#lightbox").click(function() 
    {
        close_lightbox();
        close_application(application);
    });
}

function close_lightbox()
{
    $("#lightbox").fadeTo("fast", 0, function()
    {
        $("#lightbox").remove();
    });
}

function close_application(application)
{
    $("#" + application).fadeOut("fast", function() 
    {
        close_lightbox();
    });
}

function open_application(application)
{
    if($("#" + application).parent() != $("body"))
    {
        $("#" + application).appendTo($("body"));
    }

    create_lightbox(application);

    var width_application  = ($("#" + application).width() + 50) / 2;
    var height_application = ($("#" + application).height() + 50) / 2;

    $("#" + application).css({"position"    : "fixed",
                             "left"         : "50%",
                             "margin-left"  : "-" + width_application + "px",
                             "top"          : "50%",
                             "margin-top"   : "-" + height_application + "px",
                             "z-index"      : "5000"});

    $("#" + application).fadeIn("slow");
          
}