document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"/Style/Popup.css\" />");
var markBox = {
    width : 0,
    height : 0,
    show : function(title, url, width, height, close) {
        var minW = screen.availWidth-20;
        var minH = screen.availHeight;
        var bodyW = document.body.scrollWidth;
        var bodyH = document.body.scrollHeight;
        var w = (minW>bodyW) ? minW : bodyW;
        var h = (minH>bodyH) ? minH : bodyH;
        h = h + 30;
        markBox.width = width;
        markBox.height = height;
        var div = document.createElement("DIV");
        div.id = "mark";
        var h = "<div class='mark_bg' style='width:"+w+"px;height:"+h+"px;'></div>"
            h += "<div id='mark_shadow' style='width:"+width+";height:"+(height+25)+"px;'></div>"
            h += "<div id='mark_box' style='width:"+width+"px;height:"+height+"px;'>";
            h += "<div class='mark_title_left'></div><div class='mark_title' style='width:"+(width-6)+"px;'>";
            h += "<h3 style='width:" + (width-50) + "px;'>" + title + "</h3>";
            h += close ? "<span style='float:right;padding:5px;'><img src='/Images/mark_close.gif' alt='关闭' onmousemove='this.src=\"/Images/mark_close_on.gif\"' onmouseout='this.src=\"/Images/mark_close.gif\"' onclick='markBox.close();'></span>" : "";
            h += "</div><div class='mark_title_right'></div><div class='mark_info'>";
            h += "<iframe width='100%' height='100%' scrolling='no' frameborder='0' src='"+url+"'></iframe>";
            h += "</div></div>";
        div.innerHTML = h;
        markBox.swSelect("hide");
        document.body.appendChild(div);
        markBox.adjust();
        addEvent(window, "resize", markBox.adjust);
        addEvent(window, "scroll", markBox.adjust);
        return false;
    },
    close : function() {
        removeEvent(window, "resize", markBox.adjust);
        removeEvent(window, "scroll", markBox.adjust);
        markBox.swSelect("show");
        document.body.removeChild($("mark"));
    },
    adjust : function() {
        var w = (document.documentElement.clientWidth-markBox.width)/2 + "px";
        var h = (document.documentElement.clientHeight-markBox.height)/2 + document.documentElement.scrollTop + "px";
        var box = $("mark_box");
        box.style.top = h;
        box.style.left = w;
        var sha = $("mark_shadow");
        sha.style.left = w;
        sha.style.top = h;
    },
    swSelect : function(sw) {
        var inputs = tag("select");
        for (var i=0,j=inputs.length; i<j; i++) {
            if (sw == "hide") {
                inputs[i].oldVis = inputs[i].style.visibility;
                inputs[i].style.visibility = "hidden";
            } else {
                inputs[i].style.visibility = inputs[i].oldVis || "visible";
            }
        }
    }
}