var JBSPopup = {
DIV_POPUP: 1,
IFRAME_POPUP: 2,
POSITION_CENTER: 1,
POSITION_RELATIVE: 2,
IFRAME_POPUP_ID: "_jbs_iframe_popup_",
DIV_POPUP_ID: "_jbs_div_popup_",
displayType: 2/*DIV_POPUP*/,
parseIFrameScript: true,
iFrameScrollbars: false,
addMouseOut: true,
useIFrameBelow: false, /* If displayType=DIV_POPUP - set this to true to paint an iframe below - necessary if you need to overlay window'd controls */
positionType: 2, /*POSITION_RELATIVE*/
top: -1,
left: -1,
frameSource: "javascript:void(0)",
frameborder: 1,
pendingMessage: "Fetching...",
useAutoHeight: false,
useAutoWidth: false,
startHidden: false,
/* call from initial call -*/
initialize: function(EventElement, Width, Height, Top, Left) {
this.eventElement = EventElement;
this.width = Width;
this.height = Height;
if (Top)
this.top = Top;
else
this.top = -1;
if (Left)
this.left = Left;
else
this.left = -1;
this.showPending(this.pendingMessage);
},
showPending: function(msg) {
if (this.top == -1)
if (this.positionType == JBSPopup.POSITION_RELATIVE) {
var ct = document.all ? this.eventElement.clientTop : 0;
this.top = ct + this.eventElement.clientHeight + this.eventElement.offsetHeight + getElementOffsetY(this.eventElement);
} else {
this.top = (getBrowserHeight() / 2) - (this.height / 2);
}
if (this.left == -1)
if (this.positionType == JBSPopup.POSITION_RELATIVE) {
var cl = document.all ? this.eventElement.clientLeft : 0;
this.left = cl + getElementOffsetX(this.eventElement);
} else {
this.left = (getBrowserWidth() / 2) - (this.width / 2);
}
var sWidth = this.width + "px";
var sHeight = this.height + "px";
var sDisplay = "";
if (this.useAutoHeight)
sHeight = "auto";
if (this.useAutoWidth)
sWidth = "auto";
if (this.startHidden)
sDisplay = "none";
if (JBSPopup.displayType == JBSPopup.IFRAME_POPUP || this.useIFrameBelow == true) {
// create an iframe if iframe or using as backdrop
var scroll = JBSPopup.iFrameScrollbars ? "yes" : "no";
var iframe = document.getElementById(JBSPopup.IFRAME_POPUP_ID);
if (iframe == null) {
iframe = document.createElement("iframe");
iframe.id = JBSPopup.IFRAME_POPUP_ID;
iframe.style.display = "none";
iframe.style.position = "absolute";
iframe.style.left = "0px";
iframe.style.top = "0px";
iframe.setAttribute("src", this.frameSource);
iframe.setAttribute("scrolling", scroll);
iframe.setAttribute("frameBorder", this.frameBorder);
document.body.insertBefore(iframe, null);
}
iframe.style.zIndex = 1;
// need to show regardless
iframe.style.top = this.top;
iframe.style.left = this.left;
iframe.style.width = sWidth;
iframe.style.height = sHeight;
iframe.style.display = sDisplay;
}
if (JBSPopup.displayType == JBSPopup.DIV_POPUP) {
var div = document.getElementById(JBSPopup.DIV_POPUP_ID);
if (div == null) {
div = document.createElement("div");
div.id = JBSPopup.DIV_POPUP_ID;
div.style.display = "none";
div.style.position = "absolute";
div.style.left = "0px";
div.style.top = "0px";
document.body.insertBefore(div, null);
}
div.style.zIndex = 1;
div.style.top = this.top + 'px';
div.style.left = this.left + 'px';
div.style.height = sHeight;
div.style.width = sWidth;
div.innerHTML = msg;
div.style.display = sDisplay;
if (this.addMouseOut)
div.onmouseout = function() { JBSPopup.hide(); };
} else {
//iframe.style.filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';
var iframeDiv = "<div id='" + JBSPopup.DIV_POPUP_ID + "'>" + msg + "</div>";
document.frames[iframe.id].document.write(iframeDiv);
if (this.addMouseOut)
iframe.onmouseout = function() { JBSPopup.hide(); };
}
},
display: function(DisplayHtml) {
if (JBSPopup.displayType == JBSPopup.DIV_POPUP) {
var div = document.getElementById(JBSPopup.DIV_POPUP_ID);
div.innerHTML = DisplayHtml;
} else {
var sOutput = this.parseIFrameScript ? JBSPopup.parseResponse(DisplayHtml) : DisplayHtml;
document.frames[JBSPopup.IFRAME_POPUP_ID].document.body.removeChild(document.frames[JBSPopup.IFRAME_POPUP_ID].document.getElementById(JBSPopup.DIV_POPUP_ID));
document.frames[JBSPopup.IFRAME_POPUP_ID].document.write(sOutput);
}
}, // Alternative to Hide - keeps control alive
setVisibility: function(bVisible) {
if (JBSPopup.displayType == JBSPopup.IFRAME_POPUP || this.useIFrameBelow == true) {
var iframe = document.getElementById(JBSPopup.IFRAME_POPUP_ID);
bVisible ? iframe.style.display = '' : iframe.style.display = 'none';
}
if (JBSPopup.displayType == JBSPopup.DIV_POPUP) {
var div = document.getElementById(JBSPopup.DIV_POPUP_ID);
bVisible ? div.style.display = '' : div.style.display = 'none';
}
},
move: function(x, y) {
this.top = y;
this.left = x;
if (JBSPopup.displayType == JBSPopup.IFRAME_POPUP || this.useIFrameBelow == true) {
var iframe = document.getElementById(JBSPopup.IFRAME_POPUP_ID);
iframe.style.top = this.top;
iframe.style.left = this.left;
}
if (JBSPopup.displayType == JBSPopup.DIV_POPUP) {
var div = document.getElementById(JBSPopup.DIV_POPUP_ID);
div.style.top = this.top;
div.style.left = this.left;
}
},
moveWithIFrameUnderBuffer: function(x, y, w, h, leftBuffer, rightBuffer, topBuffer, bottomBuffer) { /* when using iframebelow - keeps a specified buffer border*/
JBSPopup.move(x, y);
if (this.useIFrameBelow == true) {
var iframe = document.getElementById(JBSPopup.IFRAME_POPUP_ID);
iframe.style.width = (w - leftBuffer - rightBuffer);
iframe.style.height = (h - topBuffer - bottomBuffer);
iframe.style.top = y + topBuffer;
iframe.style.left = x + leftBuffer;
}
},
resize: function(width, height) {
if (JBSPopup.displayType == JBSPopup.IFRAME_POPUP || this.useIFrameBelow == true) {
var iframe = document.getElementById(JBSPopup.IFRAME_POPUP_ID);
iframe.style.width = width;
iframe.style.height = height;
}
if (JBSPopup.displayType == JBSPopup.DIV_POPUP) {
var div = document.getElementById(JBSPopup.DIV_POPUP_ID);
div.style.width = width;
div.style.height = height;
}
},
parseResponse: function(DisplayHtml) {
// cheaped out here, but easier
var s = new String(DisplayHtml);
var re = /javascript:parent./gi;
var sClean = s.replace(re, "javascript:");
// then one more
re = /javascript:/gi;
return sClean.replace(re, "javascript:parent.");
},
hide: function() {
var element = document.getElementById(JBSPopup.IFRAME_POPUP_ID);
if (element)
document.body.removeChild(document.getElementById(JBSPopup.IFRAME_POPUP_ID));
element = document.getElementById(JBSPopup.DIV_POPUP_ID);
if (element)
document.body.removeChild(document.getElementById(JBSPopup.DIV_POPUP_ID));
}
}
function getElementOffsetY(element) {
var totalOffset = 0;
if (element.offsetTop != null) {
totalOffset += element.offsetTop;
while (element.offsetParent) {
totalOffset += element.offsetParent.offsetTop;
element = element.offsetParent;
}
}
return totalOffset;
}
function getElementOffsetX(element) {
var totalOffset = 0;
if (element.offsetLeft != null) {
totalOffset += element.offsetLeft;
while (element.offsetParent) {
totalOffset += element.offsetParent.offsetLeft;
element = element.offsetParent;
}
}
return totalOffset;
}
function getBrowserHeight(){
if( typeof( window.innerWidth ) == 'number' ) {
return window.innerHeight;
} else if( document.documentElement &&
( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
return document.documentElement.clientHeight;
} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
return document.body.clientHeight;
}
}
function getBrowserWidth(){
if( typeof( window.innerWidth ) == 'number' ) {
//Non-IE
return window.innerWidth;
} else if( document.documentElement &&
( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
//IE 6+ in 'standards compliant mode'
return document.documentElement.clientWidth;
myHeight = document.documentElement.clientHeight;
} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
//IE 4 compatible
return document.body.clientWidth;
}
}