// Simple modal dialog. Requires jQuery. Treats IE 6 as special, and uses an iframe layer for it to inhibit
// bleed-through of things like select elements.
//
// M. A. Sridhar, April 3, 2008
var g_arr = Array();
var g_counter = 0;
function ModalDialog (boxSpec) {
// Configuration constants
var OVERLAY_ELEMENT_ID = "s--modalbox-overlay";
var OVERLAY_Z_INDEX = 20;
var OVERLAY_OPACITY = 0.5;
var _boxSpec = boxSpec;
function getViewport() {
return {
x: window.pageXOffset || document.documentElement && document.documentElement.scrollLeft || document.body.scrollLeft,
y: window.pageYOffset || document.documentElement && document.documentElement.scrollTop || document.body.scrollTop,
w: window.innerWidth || document.documentElement && document.documentElement.clientWidth || document.body.clientWidth,
h: window.innerHeight || document.documentElement && document.documentElement.clientHeight || document.body.clientHeight
};
};
var styleStr = "top: 0; left: 0; z-index: " + OVERLAY_Z_INDEX + "; display: none;background-color: #000;";
var vp = getViewport();
var overlayHTML = null;
var sizeSpec = "width: 100%; height: 100%;";
if (jQuery.browser.msie && (jQuery.browser.version < 7)) {
sizeSpec = "width:" + (vp.x + vp.w) + "px;height:" + Math.max(vp.y + vp.h,jQuery(document.body).height()) + "px;";
styleStr += "filter: alpha(opacity=" + ( (100*OVERLAY_OPACITY)) + ");position: absolute;" + sizeSpec;
overlayHTML = "";
} else {
if(!jQuery.browser.msie)
styleStr += "position:fixed; opacity: " + OVERLAY_OPACITY + ";" + sizeSpec;
else
styleStr += "position:fixed; filter: alpha(opacity=" + ( (100*OVERLAY_OPACITY)) + "); -moz-opacity:0.5; -khtml-opacity:0.5; " + sizeSpec;
overlayHTML = "";
}
jQuery("body").append (overlayHTML);
var overlayElt = jQuery("#" + OVERLAY_ELEMENT_ID);
if (jQuery.browser.msie && (jQuery.browser.version < 7)) {
var eltDoc = document.getElementById (OVERLAY_ELEMENT_ID).contentWindow.document;
eltDoc.open();
eltDoc.write ("");
eltDoc.close();
}
/**
* Public method to show this dialog.
*/
this.show = function () {
var vp = getViewport();
overlayElt.css ({display: "block"});
var box = $(_boxSpec);
box.css ({display: "block", zIndex: OVERLAY_Z_INDEX+1, top: (vp.y + (vp.h - box.height())/2) + "px", left: (vp.x + (vp.w - box.width())/2) + "px"});
if( !findElement(g_arr, _boxSpec) ) {
g_arr[g_counter++] = boxSpec;
}
};
/**
* Public method to hide this dialog.
*/
this.hide = function () {
//alert(_boxSpec);
removeByElement(g_arr, _boxSpec);
g_counter--;
//alert(g_counter);
if(g_counter==0) {
overlayElt.css ({display: "none"});
}
$(_boxSpec).css ({display: "none"});
};
};
function findElement(arrayName, arrayElement) {
for(var i=0; i