jQuery.fn.center = function () { this.css("position", "absolute"); this.css("top", ($(window).height() - this.height()) / 2 + $(window).scrollTop() + "px"); this.css("left", ($(window).width() - this.width()) / 2 + $(window).scrollLeft() + "px"); return this; } 

function maskbox(w, h, href,shadow,scrolz) {
    //total sayfa uzunluğu ve back panel ayarları

    var xbody = document.body;
    var xhtml = document.documentElement;
    var total_height = Math.max(xbody.scrollHeight, xbody.offsetHeight, xhtml.clientHeight, xhtml.scrollHeight, xhtml.offsetHeight);
   
    if (shadow == true) { $("#backpanel").show(); $("#backpanel").fadeTo("fast", 0.5); }
    $("#backpanel").css('height', total_height);
   
    //  biter

    $("#masktabb").empty();
    $("#masktabb").css({ 'position': 'absolute', 'z-index': '1000', 'display': 'block','cursor':'pointer' });
    $("#masktabb").show();
    $("#masktabb").width(w);
    $("#masktabb").height(h);
    $("#masktabb").center();
   
    var veri = "";
 
   veri +="<table border='0' align='center' cellpadding='0' cellspacing='0' style='width:"+ w +"px;height:" + h +" '>";
   veri += "<tr><td style='width:29px; height: 33px; background-image:url(App_Elements/app_grafikler/maskbox/t1.png); background-repeat: no-repeat;'>&nbsp;</td>";
   veri += "<td style='height:33px; background-image:url(App_Elements/app_grafikler/maskbox/t2.png); background-repeat: repeat-x'>&nbsp;</td>";
   veri += "<td style='width: 32px; height: 33px'><img id='maskkapat' alt='Kapat' style='width: 32px; height: 33px;cursor:pointer;' src='App_Elements/app_grafikler/maskbox/t3.png' /></td></tr>";


   veri += "<tr><td style='width: 29px; background-image: url(App_Elements/app_grafikler/maskbox/o1.png); background-repeat: repeat-y'></td>";
   veri += "<td style='background-image: url(App_Elements/app_grafikler/maskbox/o2.png); background-repeat: repeat'><iframe width='" + parseInt(w - 60) + "' height='" + parseInt(h - 60) + "' src='" + href + "' frameborder='0' scrolling='" + scrolz + "'></iframe></td>";


   veri += " <td style='width: 32px; background-image: url(App_Elements/app_grafikler/maskbox/o3.png); background-repeat: repeat-y'>&nbsp;</td></tr>";
   veri += "<tr><td style='width: 29px; height: 27px; background-image: url(App_Elements/app_grafikler/maskbox/a1.png); background-repeat: no-repeat'>&nbsp;</td>";
   veri += "<td style='height: 27px; background-image: url(App_Elements/app_grafikler/maskbox/a2.png); background-repeat: repeat-x'>&nbsp;</td>";
   veri += "<td style='width: 32px; height: 27px; background-image: url(App_Elements/app_grafikler/maskbox/a3.png); background-repeat: no-repeat'>&nbsp;</td></tr></table>";





        //veri += "<table align='center' style='background-color: #F7F7F7; width:" + w + "px;' >";
        //veri += "<tr><td align='right' style='padding-right: 8px'><img alt='kapat' style=' width: 93px; height: 35px;'src='App_Elements/app_grafikler/maskbox/bt.png' id='maskkapat' /></td></tr>";
        //veri += "<tr><td style='background-image: url(App_Elements/app_grafikler/maskbox/czg.png); background-repeat: repeat-x'></td></tr>";
        //veri += "<tr><td align='center'> <iframe width='" + parseInt(w - 40) + "' height='" + parseInt(h - 60) + "' src='" + href + "' frameborder='0' scrolling='" + scrolz + "'></td></tr>";
        //v//eri += "</table>";
               
        $("#masktabb").append(veri);

}



$("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:3px;border-color:#CCCCCC;background-color:#F7F7F7;'> </div>");
    $("body").append("<div id='masktabb' style='display:none;'> </div>");
    $("#maskkapat").live("click", function () { $("#masktabb").empty(); $("#masktabb").hide("slow"); $("#backpanel").hide(); });
    $("#backpanel").bind("click", function () {
        try { 
        $("#backpanel").hide();
            } catch (err) { }
    });
});