function enlarge(id, width, height)
{
    var src = $("#"+id).attr("src");

    var bghtml = '<div id="bgLightboxWrapper" title="Click To Close" style="height: 1266px; width: 100%; display: block;"/>';
    var html = '<div id="imgBox" style="top: 135px; left: 511px; height: auto; width: auto; display: block;">' +
               '<div class="relativePos"><a href="javascript:void(0);" class="close" title="close">x</a>' +
               '<div id="scImgBox-mainImg">' +
               '<img height="' + height + '" width="' + width + '" src="' + src + '"/></div>' +
               '</div></div>';

    function close()
    {
        var node = $("#imgBox").get(0);
        node.parentNode.removeChild(node);

        node = $("#bgLightboxWrapper").get(0);
        node.parentNode.removeChild(node);
    }

    $(bghtml).appendTo(document.body)
            .click(function()
    {
        close();
    });

    $(html).appendTo(document.body);

    $("#imgBox").css("left", (window.innerWidth - width) / 2);

    $(".close").click(function()
    {
        close();
    });
}
