',
bodystyle: bs,
titleleft: 20,
body: content
}
/* allow user to override default opt values */
if(param){
for (var key in opt){
if(undefined != param[key]){opt[key]=param[key];}
}
/* add additonal user settings to opt Object */
for (var key in param){
if(undefined == opt[key]){opt[key]=param[key];}
}
}
var masterdiv;
if(undefined != document.getElementById(opt.id)){removeDiv(opt.id);}
if(undefined != document.getElementById(opt.id)){
masterdiv=document.getElementById(opt.id);
//show if hidden
var bodyid=opt.id+'_Body';
masterdiv.style.display='block';
if(undefined != document.getElementById(bodyid)){
setText(bodyid,opt.body);
}
}
else{
masterdiv = document.createElement("div");
masterdiv.setAttribute("id",opt['id']);
masterdiv.style.zIndex='698';
masterdiv.style.position='absolute';
var t = document.createElement("table");
t.border=0;
t.align="left";
t.cellPadding=0;
t.cellSpacing=0;
if(undefined != opt['width']){
t.style.width=opt['width']+'px';
}
//bgcolor
var bgcolor='#49495a';
if(opt.titlebgcolor){bgcolor=opt.titlebgcolor;}
//Table border
if(undefined == param['noborder']){
t.style.border='1px solid '+bgcolor;
}
else{
t.style.border='0px solid '+bgcolor;
}
//body - begin
var tb = document.createElement("tbody");
if(undefined == param['notop']){
//title row - begin
var toprow = document.createElement("tr");
//titlecell
var titlecell = document.createElement("td");
//title
titlecell.noWrap = true;
titlecell.align='right';
titlecell.style.fontFamily='arial';
titlecell.style.fontSize='11px';
titlecell.style.backgroundColor=bgcolor;
//color
if(opt.titlecolor){
titlecell.style.color=opt.titlecolor;
}
else{titlecell.style.color='#FFFFFF';}
var titlediv = document.createElement("div");
var titletxt=''+opt['title']+'
';
//add close div
titletxt += 'X';
titlediv.innerHTML=titletxt;
titlecell.appendChild(titlediv);
toprow.appendChild(titlecell);
tb.appendChild(toprow);
}
//top row - end
//Body row - begin
var bodyrow = document.createElement("tr");
bodyrow.height='100%';
var bodycell = document.createElement("td");
bodycell.style.backgroundColor='#FFFFFF';
var bodydiv = document.createElement("div");
bodydiv.innerHTML=''+opt.body+'
';
bodycell.appendChild(bodydiv);
bodyrow.appendChild(bodycell);
tb.appendChild(bodyrow);
//body row - end
if(undefined == param['nobot']){
//bottom close row
var botrow = document.createElement("tr");
var botcell = document.createElement("td");
botcell.noWrap = true;
botcell.align='right';
botcell.style.fontFamily='arial';
botcell.style.fontSize='11px';
botcell.style.backgroundColor='#FFFFFF';
var botdiv = document.createElement("div");
//add close div
var bottxt = 'Close';
botdiv.innerHTML=bottxt;
botcell.appendChild(botdiv);
botrow.appendChild(botcell);
tb.appendChild(botrow);
}
//allow body to be resized
//addDragToTextarea(opt['id']+'_Body');
//body -end
t.appendChild(tb);
masterdiv.style.display='block';
//append table to masterdiv
masterdiv.appendChild(t);
if(opt.drag && undefined == param['notop']){
Drag.init(titlediv,masterdiv);
titlediv.style.cursor='move';
}
//append to document body
document.body.appendChild(masterdiv);
}
/* check for center option */
if(opt.center){
var xy=centerObject(masterdiv);
var x=0;;
var y=0;
var cvalue=opt.center+'';
if(cvalue.indexOf('x') != -1){
//only center x - make y MouseY
x=xy[0];
}
else if(cvalue.indexOf('y') != -1){
//only center y - make x MouseX
y=xy[1];
}
else{
x=xy[0];
y=xy[1];
}
//check for x and y
if(undefined != opt.x){
//if x begins with a + or -, then add it
xvalue=opt.x+'';
if(xvalue.indexOf('+') != -1){x=Math.round(MouseX+parseInt(xvalue));}
else if(xvalue.indexOf('-') != -1){x=Math.round(MouseX-Math.abs(parseInt(xvalue)));}
else{x=Math.round(opt.x);}
}
if(undefined != opt.y){
//if y begins with a + or -, then add it
yvalue=opt.y+'';
if(yvalue.indexOf('+') != -1){y=Math.round(MouseY+parseInt(yvalue));}
else if(yvalue.indexOf('-') != -1){y=Math.round(MouseY-Math.abs(parseInt(yvalue)));}
else{y=Math.round(opt.y);}
}
masterdiv.style.position='absolute';
masterdiv.style.left=x+"px";
masterdiv.style.top=y+"px";
}
/* check for center option */
else if(opt.screen){
var xy=showOnScreen(masterdiv);
var x=0;;
var y=0;
var cvalue=opt.screen+'';
if(cvalue.indexOf('x') != -1){
//only center x - make y MouseY
x=xy[0];
}
else if(cvalue.indexOf('y') != -1){
//only center y - make x MouseX
y=xy[1];
}
else{
x=xy[0];
y=xy[1];
}
//check for x and y
if(undefined != opt.x){
//if x begins with a + or -, then add it
xvalue=opt.x+'';
if(xvalue.indexOf('+') != -1){x=x+Math.abs(parseInt(xvalue));}
else if(xvalue.indexOf('-') != -1){x=x-Math.abs(parseInt(xvalue));}
else{x=x+Math.round(opt.x);}
}
if(undefined != opt.y){
//if y begins with a + or -, then add it
yvalue=opt.y+'';
if(yvalue.indexOf('+') != -1){y=y+Math.abs(parseInt(yvalue));}
else if(yvalue.indexOf('-') != -1){y=y-Math.abs(parseInt(yvalue));}
else{y=y+Math.round(opt.y);}
}
masterdiv.style.left=x+"px";
masterdiv.style.top=y+"px";
}
else if(opt.mouse){
var x=0;
var y=0;
var cvalue=opt.mouse+'';
if(cvalue.indexOf('x') != -1){
//only center x - make y MouseY
x=MouseX;
}
else if(cvalue.indexOf('y') != -1){
//only center y - make x MouseX
y=MouseY;
}
//check for x and y
if(undefined != opt.x){
//if x begins with a + or -, then add it
xvalue=opt.x+'';
if(xvalue.indexOf('+') != -1){x=Math.round(MouseX+parseInt(xvalue));}
else if(xvalue.indexOf('-') != -1){x=Math.round(MouseX-Math.abs(parseInt(xvalue)));}
else{x=MouseX;}
}
if(undefined != opt.y){
//if y begins with a + or -, then add it
yvalue=opt.y+'';
if(yvalue.indexOf('+') != -1){y=Math.round(MouseY+parseInt(yvalue));}
else if(yvalue.indexOf('-') != -1){y=Math.round(MouseY-Math.abs(parseInt(yvalue)));}
else{y=MouseY;}
}
window.status=x+','+y;
masterdiv.style.top=y+"px";
masterdiv.style.left=x+"px";
}
else{
if(undefined != opt.x){masterdiv.style.left=opt.x+"px";}
if(undefined != opt.y){masterdiv.style.top=opt.y+"px";}
}
if(opt.timeout){
var t=Math.round(opt.timeout*1000);
//remove the div if mouse is not in the div, otherwise until after they have moved mouse out and timeout has expired.
popupdiv_timeout=setTimeout("removeDivOnExit('"+opt.id+"','"+opt.fade+"')",t);
}
else if(opt.fade){
masterdiv.onmouseout=function(e){
if(undefined == e){e = fixE(e);}
if(undefined != e){
if(checkMouseLeave(this,e)){
//alert('mouse left - 1');
fadeId(this.id,1);
}
}
//else{fadeId(this.id,1);}
}
}
}
function removeDiv(divid){
return removeId(divid);
}
function removeId(divid){
setText(divid,'');
if(isIE){document.getElementById(divid).removeNode(true);}
else{
var x=document.getElementById(divid);
x.parentNode.removeChild(x);
}
return;
}
function removeDivOnExit(divid,fade){
var obj=getObject(divid);
if(undefined == obj){return;}
if(!isMouseOver(divid)){
//alert('mouse left - 2:'+divid);
if(undefined != fade && fade==1){
fadeId(divid,1);
}
else{removeDiv(divid);}
return;
}
if(undefined != fade && fade==1){
obj.onmouseout=function(e){
if(undefined == e){e = fixE(e);}
if(undefined != e){
if(checkMouseLeave(this,e)){
//alert('mouse left - 3');
fadeId(this.id,1);
}
}
//else{fadeId(this.id,1);}
}
}
else{
obj.onmouseout=function(e){
if(undefined == e){e = fixE(e);}
if(undefined != e){
if(checkMouseLeave(this,e)){
removeDiv(this.id);
}
}
//else{removeDiv(this.id);}
}
}
}
/* isMouseOver - return true the mouse if over this object*/
function isMouseOver(id){
var exy = getXY(id);
if(undefined == exy){return true;}
var ewh = getWidthHeight(id);
//alert(MouseX+','+MouseY);
//showProperties(exy);
//showProperties(ewh);
if (MouseX >= exy[0] && MouseX <= exy[0]+ewh[0] && MouseY >= exy[1] && MouseY <= exy[1]+ewh[1]){return true;}
return false;
}
/* showOnScreen */
function showOnScreen(obj){
var sObj=getObject(obj);
if(undefined == sObj){return false;}
if(sObj.style.display=='block'){return true;}
//if the object is set to display:none it will have a 0 width and height - visibility lets us capture w and h
sObj.style.position='absolute';
sObj.style.visibility='hidden';
sObj.style.display='block';
//get object's width and height
var w=getWidth(sObj);
var h=getHeight(sObj);
//get screen width and height
var screen=getViewPort();
var sw=getWidth();
var sh=getHeight();
//get cursor position
var x=cursor.x;
var y=cursor.y;
/* set x */
if(x+w+20 > sw){
var z=x-w;
while(z < 0){z++;}
x = z;
}
/* set y */
if(y+h+20 > sh){
var z=y-h;
while(z < 0){z++;}
y = z;
}
//set object's new position
sObj.style.left=x+'px';
sObj.style.top=y+'px';
sObj.style.visibility='visible';
return new Array(x,y);
}
/*setViewPort - Space within the browser window is known as the 'viewport' */
function getViewPort(){
var viewport={};
if (typeof window.innerWidth != 'undefined')
{
viewport.w = window.innerWidth,
viewport.h = window.innerHeight
}
// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
else if (typeof document.documentElement != 'undefined'
&& typeof document.documentElement.clientWidth !=
'undefined' && document.documentElement.clientWidth != 0)
{
viewport.w = document.documentElement.clientWidth,
viewport.h = document.documentElement.clientHeight
}
// older versions of IE
else
{
viewport.w = document.getElementsByTagName('body')[0].clientWidth,
viewport.h = document.getElementsByTagName('body')[0].clientHeight
}
return viewport;
}
//CheckMouseEnter - returns true if the mouse is over the element
function checkMouseEnter (element, evt) {
if (element.contains && evt.fromElement) {
return !element.contains(evt.fromElement);
}
else if (evt.relatedTarget) {
return !containsDOM(element, evt.relatedTarget);
}
}
// checkMouseLeave - returns true if the mouse is no longer over the element
function checkMouseLeave (element, evt) {
//window.status=evt;
//return;
if (element.contains && undefined != evt.toElement) {
return !element.contains(evt.toElement);
}
else if (evt.relatedTarget) {
return !containsDOM(element, evt.relatedTarget);
}
}
//containsDOM - does container have containee
function containsDOM (container, containee) {
var isParent = false;
do {
if ((isParent = container == containee)){break;}
containee = containee.parentNode;
}
while (containee != null);
return isParent;
}
function isOver(dragId,containerId){
var dragPos=getPos(dragId);
var dw=getWidth(dragId);
var dx=dragPos.x+parseInt(dw/2);
var contPos=getPos(containerId);
var w=getWidth(containerId);
var h=getHeight(containerId);
var lft=contPos.x+w;
var h=contPos.y+h;
if(dx > contPos.x && dx < lft && dragPos.y > contPos.y && dragPos.y < h){return true;}
return false;
}
//Drag
var Drag = {
obj : null,
init : function(o, oRoot, minX, maxX, minY, maxY, bSwapHorzRef, bSwapVertRef, fXMapper, fYMapper)
{
o.onmousedown = Drag.start;
o.hmode = bSwapHorzRef ? false : true ;
o.vmode = bSwapVertRef ? false : true ;
o.root = oRoot && oRoot != null ? oRoot : o ;
if (o.hmode && isNaN(parseInt(o.root.style.left ))) o.root.style.left = "0px";
if (o.vmode && isNaN(parseInt(o.root.style.top ))) o.root.style.top = "0px";
if (!o.hmode && isNaN(parseInt(o.root.style.right ))) o.root.style.right = "0px";
if (!o.vmode && isNaN(parseInt(o.root.style.bottom))) o.root.style.bottom = "0px";
o.minX = typeof minX != 'undefined' ? minX : null;
o.minY = typeof minY != 'undefined' ? minY : null;
o.maxX = typeof maxX != 'undefined' ? maxX : null;
o.maxY = typeof maxY != 'undefined' ? maxY : null;
o.xMapper = fXMapper ? fXMapper : null;
o.yMapper = fYMapper ? fYMapper : null;
o.root.onDragStart = new Function();
o.root.onDragEnd = new Function();
o.root.onDrag = new Function();
},
start : function(e)
{
var o = Drag.obj = this;
e = Drag.fixE(e);
var y = parseInt(o.vmode ? o.root.style.top : o.root.style.bottom);
var x = parseInt(o.hmode ? o.root.style.left : o.root.style.right );
o.root.onDragStart(x, y);
o.lastMouseX = e.clientX;
o.lastMouseY = e.clientY;
if (o.hmode) {
if (o.minX != null) o.minMouseX = e.clientX - x + o.minX;
if (o.maxX != null) o.maxMouseX = o.minMouseX + o.maxX - o.minX;
} else {
if (o.minX != null) o.maxMouseX = -o.minX + e.clientX + x;
if (o.maxX != null) o.minMouseX = -o.maxX + e.clientX + x;
}
if (o.vmode) {
if (o.minY != null) o.minMouseY = e.clientY - y + o.minY;
if (o.maxY != null) o.maxMouseY = o.minMouseY + o.maxY - o.minY;
} else {
if (o.minY != null) o.maxMouseY = -o.minY + e.clientY + y;
if (o.maxY != null) o.minMouseY = -o.maxY + e.clientY + y;
}
document.onmousemove = Drag.drag;
document.onmouseup = Drag.end;
return false;
},
drag : function(e)
{
e = Drag.fixE(e);
var o = Drag.obj;
var ey = e.clientY;
var ex = e.clientX;
var y = parseInt(o.vmode ? o.root.style.top : o.root.style.bottom);
var x = parseInt(o.hmode ? o.root.style.left : o.root.style.right );
var nx, ny;
if (o.minX != null) ex = o.hmode ? Math.max(ex, o.minMouseX) : Math.min(ex, o.maxMouseX);
if (o.maxX != null) ex = o.hmode ? Math.min(ex, o.maxMouseX) : Math.max(ex, o.minMouseX);
if (o.minY != null) ey = o.vmode ? Math.max(ey, o.minMouseY) : Math.min(ey, o.maxMouseY);
if (o.maxY != null) ey = o.vmode ? Math.min(ey, o.maxMouseY) : Math.max(ey, o.minMouseY);
nx = x + ((ex - o.lastMouseX) * (o.hmode ? 1 : -1));
ny = y + ((ey - o.lastMouseY) * (o.vmode ? 1 : -1));
if (o.xMapper) nx = o.xMapper(y)
else if (o.yMapper) ny = o.yMapper(x)
Drag.obj.root.style[o.hmode ? "left" : "right"] = nx + "px";
Drag.obj.root.style[o.vmode ? "top" : "bottom"] = ny + "px";
Drag.obj.lastMouseX = ex;
Drag.obj.lastMouseY = ey;
Drag.obj.root.onDrag(nx, ny);
return false;
},
end : function()
{
document.onmousemove = null;
document.onmouseup = null;
Drag.obj.root.onDragEnd( parseInt(Drag.obj.root.style[Drag.obj.hmode ? "left" : "right"]),
parseInt(Drag.obj.root.style[Drag.obj.vmode ? "top" : "bottom"]));
Drag.obj = null;
},
fixE : function(e)
{
if (typeof e == 'undefined') e = window.event;
if (typeof e.layerX == 'undefined') e.layerX = e.offsetX;
if (typeof e.layerY == 'undefined') e.layerY = e.offsetY;
return e;
}
}