function ShowFrame(url, width, height)
{
    if ($("#jlightframe_overlay").length)
    {
        $("#jlightframe_iframe")[0].contentWindow.location = url;
    }
    else
    {       
        $("body").append("<div id='jlightframe_overlay'></div>"
        + "<div id='jlightframe_box'>"
        + "<iframe id='jlightframe_iframe' src='" + url + "' frameborder='0' marginwidth='0'" 
        + " marginheight='0' scrolling='auto' width='100%' height='100%' style='padding: 0;  margin: 0;' />"
        + "</div>");        
    }

    var d = document.documentElement;
    if (width.toString().indexOf('%') != -1)
    {
        var w = window.innerWidth || self.innerWidth || (d && d.clientWidth) || document.body.clientWidth;
        width = w * width.substring(0, width.length - 1) / 100;
    }
    if (height.toString().indexOf('%') != -1)
    {
        var h = window.innerHeight || self.innerHeight || (d && d.clientHeight) || document.body.clientHeight;
        height = h * height.substring(0, height.length - 1) / 100;
    }

    $("#jlightframe_box").css({ marginLeft: '-' + parseInt(width / 2) + 'px', width: width + 'px' });
    $("#jlightframe_box").css({ marginTop: '-' + parseInt(height / 2) + 'px', height: height + 'px' });

    $("#jlightframe_iframe").css({ width: width + 'px' });
    $("#jlightframe_iframe").css({ height: height + 'px' });

    //$("#jlightframe_overlay").click(CloseFrame);     
}

function CloseFrame()
{
    $("#jlightframe_overlay").unbind();
    $("#jlightframe_iframe").remove();
    $("#jlightframe_box").remove();
    $("#jlightframe_overlay").remove(); 
}