function GB_show(title, url, width, height, scroll) {
var GB_HEIGHT = height || 400;
var GB_WIDTH = width || 400;
var scroll = scroll == null ? 'no' : scroll;
var html = "\
<div id='GB_overlay'><iframe id='GB_bgframe' scrolling='no' frameborder='0'></iframe></div>\
<div id='GB_window'>\
<div id='GB_caption'>" + title + "</div>\
<img id='GB_closeimg' src='/images/greybox/close.gif' alt='Close window'/>\
<img id='GB_loading' src='/Images/greybox/indicator.gif' align='absmiddle'/>\
<iframe id='GB_frame' src='" + url + "' scrolling='" + scroll + "'></iframe>\
</div>\
";
$(document.body).append(html);
$("html").css("overflow", "hidden");
//position
var GB_de = document.documentElement;
var GB_w = Math.max(GB_de.offsetWidth, document.body.scrollWidth, GB_de.scrollWidth);
var GB_h = Math.max(GB_de.offsetHeight, document.body.scrollHeight, GB_de.scrollHeight);
var scrollleft = Math.max(GB_de.scrollLeft, document.body.scrollLeft);
var scrolltop = Math.max(GB_de.scrollTop, document.body.scrollTop);
var GB_left = ((GB_de.clientWidth - GB_WIDTH) / 2) + scrollleft;
var GB_top = ((GB_de.clientHeight - GB_HEIGHT) / 2) + scrolltop;
$("#GB_overlay").css({ GB_w + "px", height: GB_h + "px" });
$("#GB_window").css({ GB_WIDTH + "px", height: GB_HEIGHT + "px", top: GB_top + "px", left: GB_left + "px" });
$("#GB_frame").css({ height: GB_HEIGHT - 22 + "px" });
//bind event
$("#GB_window img").click(GB_hide);
$("#GB_frame").load(function() { $("#GB_loading").hide(); $("#GB_frame").show(); });
$("#GB_caption").mousedown(function(event) {
var oObj = document.getElementById("GB_window");
var oEvent = window.event || event;
var dragData = { x: oEvent.clientX, y: oEvent.clientY };
var backData = { x: parseInt(oObj.style.top), y: parseInt(oObj.style.left) };
if ($.browser.msie) oObj.setCapture();
oObj.onmousemove = function(event) {
oEvent = window.event || event;
var iLeft = oEvent.clientX - dragData["x"] + parseInt(oObj.style.left);
var iTop = oEvent.clientY - dragData["y"] + parseInt(oObj.style.top);
oObj.style.left = iLeft + "px";
oObj.style.top = iTop + "px";
dragData = { x: oEvent.clientX, y: oEvent.clientY };
}
oObj.onmouseup = function(event) {
oEvent = window.event || event;
oObj.onmousemove = null;
oObj.onmouseup = null;
if (oEvent.clientX < 1 || oEvent.clientY < 1 || oEvent.clientX > document.documentElement.clientWidth || oEvent.clientY > document.documentElement.clientHeight) {
oObj.style.left = backData.y + "px";
oObj.style.top = backData.x + "px";
}
if ($.browser.msie) oObj.releaseCapture();
}
});
}
function GB_hide() {
$("#GB_window,#GB_overlay").remove();
$("html").css("overflow", "auto");
}