function maskbox(w, h, href) {
    var ww = $(window).width();
    var wh = $(window).height();
    var leftt = parseInt((ww - w) / 2);
    var topp = parseInt((wh - h) / 2);
    var ll = (leftt - 500) + "px";
    var tt = (topp - 500) + "px";

    $("#backpanel").show();
    $("#backpanel").fadeTo("fast", 0.6);


    $("#masktabb").empty();
    $("#masktabb").css({ 'position': 'absolute', 'z-index': '1000', 'display': 'block', 'left': ll, 'top': tt, 'background-color': 'white' });
    $("#masktabb").css('left', leftt);

    $("#masktabb").show();

    $("#masktabb").width(w);
    $("#masktabb").height(h);
    //$("#masktabb").offset({ top: 100, left: 100 });
    if (topp > 100) { topp = topp - 50 }
    $('#masktabb').animate({
        opacity: 1,
        left: leftt, top: topp

    }, 1000, function () {

        var veri = "<span style='text-align:right;font-family:tahoma;font-size:10px;color:black;'><img src='app_elements/app_grafikler/events/closing.png' id='maskkapat' align='left' style='cursor:pointer;margin-top:5px;margin-left:15px;'></span><div style='padding:15px;margin:10px;'>"
        veri = veri + "<iframe width='" + parseInt(w - 50) + "' height='" + parseInt(h - 50) + "' src='" + href + "' frameborder='0'></div>"
        $("#masktabb").append(veri);

        // Animation complete.
    });



}

$("document").ready(function () {
    $("body").append("<div id='backpanel' style='width:100%;height:100%; z-index:999; background-color:Gray; position:absolute; left:0px; top:0px;display:none;'> </div>");
    $("body").append( "<div id='masktabb' style='display:none;border-style:solid; border-width:2px; border-color:gray;'> </div>")
    $("#maskkapat").live("click", function () { $("#masktabb").empty(); $("#masktabb").hide("slow"); $("#backpanel").hide(); });
    $("#backpanel").bind("click", function () { $("#masktabb").empty(); $("#masktabb").hide("slow"); $("#backpanel").hide(); });
});