/**
DialogBox static data members for
configuration.
*/

DialogBox.titleBarBackgroundColor = '#189CCE';
DialogBox.titleBarColor           = 'white';
DialogBox.titleBarFontFamily      = 'Arial,Helvetica,Sans-Serif';
DialogBox.titleBarFontSize        = '0.9em';
DialogBox.titleBarFontWeight      = 'bold'; 

DialogBox.alertColor              = '#040176';
DialogBox.alertFontFamily         = 'Arial,Helvetica,Sans-Serif';
DialogBox.alertFontSize           = '0.9em';
DialogBox.alertFontWeight         = 'normal';

DialogBox.closeIcon               = 'http://www.retirementjobs.com/images/dialog/closeicon.gif';
DialogBox.waitImage               = 'http://www.retirementjobs.com/images/dialog/wait.gif';
DialogBox.overlayImage            = 'http://www.retirementjobs.com/images/dialog/overlay.png';
DialogBox.bgcolor                 = 'white';

var _wait_image = new Image();
_wait_image.src = DialogBox.waitImage;

/**
Please don't edit anything below.
*/

/**
Dialog Box Stack definition.
*/

function Stack() {
   this.length = 0; 
   this.stack  = new Array();
}
Stack.prototype.push  = function(element) {
   this.stack[this.length++] = element;
}
Stack.prototype.pop = function() {
   if(this.length == 0) { return null; }
   element = this.stack[this.length-1];
   this.length -= 1;
   return element;
}
Stack.prototype.count = function() {
   return this.length;
}
Stack.prototype.peek = function() {
   return this.length == 0 ? null : this.stack[this.length-1];
}
Stack.prototype.asArray = function() {
   if(!this.stack.length) { return null; }
   var a     = new Array();
   var which = 0;
   for(i=this.stack.length-1; i>=0; i--) {
      a[which] = this.stack[i];
      which += 1;
   }
   return a;
}

/**
Dialog Box constructor
*/

function DialogBox(width, height, content) {
   this.width    = width;
   this.height   = height;
   this.content  = content;
   this.div      = null;
   this.ol       = null;

   // Hide underlying dialog box's overlay, 
   // as appropriate, or there will be the 
   // effect of increasingly dark overlays.
   if(DialogBox.stack.count() > 0) {
       DialogBox.stack.peek().hideOverlay(true);
   }

   // This is necessary only for IE6, so far as I know,
   // to remove keyboard focus from underlying DialogBox
   // instances. Otherwise, the blinking cursor shows
   // through the top level DialogBox.
   if(DialogBox.stack.count() > 0) {
       var div = DialogBox.stack.peek().getDiv();
       var elements = div.getElementsByTagName('input');
       for(var i=0; i<elements.length; i++) {
          elements[i].style.display = 'none';
          elements[i].style.display = '';
       }
   }

   // Push this dialog onto the stack.
   DialogBox.stack.push(this);

   // Set overlay.
   this.ol = document.createElement('div');
   document.getElementsByTagName('body')[0].appendChild(this.ol);
   this.ol.setAttribute('id', 'ol');
   this.ol.style.position = 'absolute';
   this.ol.style.zIndex = (DialogBox.stack.count() * 1000) -1;
   this.ol.style.display = 'block';
   this.ol.style.visibility = 'visible'
   if(DialogBox.isExplorer()) {
      this.ol.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader" +
                             "(src='" + DialogBox.overlayImage + "', sizingMethod='scale');}";
   } else {
      this.ol.style.backgroundImage = 'url(' + DialogBox.overlayImage + ')';
   }    
   this.resizeOverlay();

   // Hide things which cause trouble in some
   // browsers.
   this.hideThings(true);

   // Set dialog canvas.
   this.div = document.createElement("div")
   this.div.style.position = 'absolute';
   this.div.style.display = 'block';
   this.div.style.zIndex = DialogBox.stack.count() * 1000;
   if(this.content) {
      this.setContent(this.content);
   }
   document.getElementsByTagName('body')[0].appendChild(this.div);
   this.resizeBox();

}

// Static Class Members 

DialogBox.stack       = new Stack();

// Static Class Methods

DialogBox.close = function() {
   DialogBox.stack.peek().remove();
}

DialogBox.resize = function(event) {
   var arr = DialogBox.stack.asArray();   
   if(arr == null || arr.length == 0) { return; }
   for(var i=0; i<arr.length; i++) {
      arr[i].resizeOverlay();
      arr[i].resizeBox();
   }
}

DialogBox.busy = function() {
   return DialogBox.stack.count();
}

DialogBox.isExplorer = function() {
   var version = 0;
   if(navigator.appVersion.indexOf("MSIE")!=-1) {
      var temp = navigator.appVersion.split("MSIE");
      version = parseFloat(temp[1]);
      return version ? true : false;
   }
   return false;
}

// Instance Methods

DialogBox.prototype.getDiv = function() {
   return this.div;
}

DialogBox.prototype.setContent = function(content) {
   this.content = content;
   this.div.innerHTML += content;
}

DialogBox.prototype.setTitle = function(title) {
   this.title = title;      
}

DialogBox.prototype.hideOverlay = function(yorn) {
   var v = 'visible';
   if(yorn) { v = 'hidden'; }
   this.ol.style.visibility = v;
}

DialogBox.prototype.hideThings = function(yorn) {
   // This fuction is only necessary for IE,
   // so return if it isn't.
   //if(!document.all) { return; } 
   var v = 'visible';
   if(yorn) { v = 'hidden'; }
   var tag=document.getElementsByTagName('select');
   for(i=tag.length-1;i>=0;i--) tag[i].style.visibility=v;

   tag=document.getElementsByTagName('iframe');
   for(i=tag.length-1;i>=0;i--)tag[i].style.visibility=v;

   tag=document.getElementsByTagName('object');
   for(i=tag.length-1;i>=0;i--)tag[i].style.visibility=v;
}

DialogBox.prototype.pageWidth = function() {
   return window.innerWidth != null? window.innerWidth:
   document.documentElement && document.documentElement.clientWidth ?
   document.documentElement.clientWidth:document.body != null? document.body.clientWidth:null;
}

DialogBox.prototype.pageHeight = function() {
   return window.innerHeight != null? window.innerHeight:
   document.documentElement && document.documentElement.clientHeight ?
   document.documentElement.clientHeight:document.body != null? document.body.clientHeight:null;
}


DialogBox.prototype.resizeOverlay = function() {
   this.ol.style.top    = '0px';
   this.ol.style.left   = '0px';
   this.ol.style.width = document.getElementsByTagName('body')[0].scrollWidth  + 'px';
   this.ol.style.height= document.getElementsByTagName('body')[0].scrollHeight + 'px';
}

DialogBox.prototype.remove = function() {
   document.getElementsByTagName('body')[0].removeChild(this.ol);
   document.getElementsByTagName('body')[0].removeChild(this.div);
   var dialog = DialogBox.stack.pop();
   if(!DialogBox.stack.count()) {
      dialog.hideThings(false);
   } else {
      DialogBox.stack.peek().hideOverlay(false);
   }
}

DialogBox.prototype.getScrollTop = function() {
   var pos = 0;
   if(window.pageYOffset) {
      pos = window.pageYOffset;
   } else if(document.documentElement && document.documentElement.scrollTop) {
      pos = document.documentElement.scrollTop;
   } else if(document.body) {
      pos = document.body.scrollTop;
   }
   return pos;
}

DialogBox.prototype.getScrollLeft = function() {
   var pos = 0;
   if(window.pageXOffset) {
      pos = window.pageXOffset;
   } else if(document.documentElement && document.documentElement.scrollLeft) {
      pos = document.documentElement.scrollLeft;
   } else if(document.body) {
      pos = document.body.scrollLeft;
   }
   return pos;
}

DialogBox.prototype.resizeBox = function() {
   this.div.style.width  = this.width + 'px';
   this.div.style.height = this.height + 'px';
   var top  = this.getScrollTop();
   var left = this.getScrollLeft();
   left  = ((this.pageWidth() - this.width)/2) + left + 'px';
   this.div.style.left = left;
   top   = ((this.pageHeight() - this.height)/2) + top + 'px';
   this.div.style.top = top;
}


// Example DialogBox.addEvent(window, 'resize', DialogBox.resize);
DialogBox.addEvent = function(obj, type, func) {
   if(obj.attachEvent) {
      obj['e'+type+func] = func;
      obj[type+func] = function() {obj['e'+type+func] ( window.event); }
      obj.attachEvent('on'+type, obj[type+func]);
   } else {
      obj.addEventListener(type, func, false);
   }
}

DialogBox.measure = function() {
   DialogBox.resize(null);
   setTimeout('DialogBox.measure()', 250);
}

DialogBox.measure();


// Implementation Functions

function dialogBox(width, height, title, text, callback, focus) {
   if(!callback) { callback = 'DialogBox.close()'; }
   if(!title)    { title = 'Dialog Box';           }

   box    = new DialogBox(width, height);
   border = document.createElement('div');
   border.style.border = '1px solid black';
   border.style.width  = '100%';
   border.style.height = '100%';
   border.style.backgroundColor = DialogBox.bgcolor;
   box.getDiv().appendChild(border);

   titlebar = document.createElement('div');
   titlebar.style.width     = '100%'
   titlebar.style.height    = '25px';
   titlebar.style.backgroundColor = DialogBox.titleBarBackgroundColor;

   border.appendChild(titlebar);

   var style = ""; 
   style += "color:"       + DialogBox.titleBarColor      + ";";
   style += "font-family:" + DialogBox.titleBarFontFamily + ";";
   style += "font-weight:" + DialogBox.titleBarFontWeight + ";";
   style += "font-size:"   + DialogBox.titleBarFontSize   + ";";

   table = "<table width='100%' height='100%' cellpadding='0' cellspacing='0' border='0'>" +
           "<tr>" +
           "<td style='padding-left:10px;" + style + "' align='left' valign='center'>" + title + "</td>" +
           "<td style='padding-right:3px;' align='right' valign='center'>" +

           "<input onclick=\"" + callback + "\" type='image' src='" + DialogBox.closeIcon + "' />" +

           "</td></tr>" +
           "</table>";


   titlebar.innerHTML = table;
   border.innerHTML += text;

   /*
   if(focus && document.getElementById(focus)) {
      document.getElementById(focus).focus();
   }
   */

}


function alertBox(text, callback, title, width, height) {
   if(!callback) { callback = 'DialogBox.close()'; }
   if(!title)    { title = 'Alert Message'; }
   if(!width)    { width = 300;  }
   if(!height)   { height = 150; }

   var style = "";
   style += "color:"       + DialogBox.alertColor      + ";";
   style += "font-family:" + DialogBox.alertFontFamily + ";";
   style += "font-weight:" + DialogBox.alertFontWeight + ";";
   style += "font-size:"   + DialogBox.alertFontSize   + ";";

   var message = "<div style='padding-left:10px;padding-right:10px;padding-top:15px;" + style + "'>"  +
                 "<center>" + text + "<p />" +
                 "<button id='alertbox' onclick=\"" + 
	         callback + "\">Close</button></center></div>"; 
   dialogBox(width, height, title, message, callback, 'alertbox');
}

// Fix for Explorer Scrolling Bug!!! Do not set styles in two places,
// with class and style. Just use the css class!.

function waitBox() {

   var style = "";
   style += "color:"       + DialogBox.alertColor      + ";";
   style += "font-family:" + DialogBox.alertFontFamily + ";";
   style += "font-weight:" + DialogBox.alertFontWeight + ";";
   style += "font-size:"   + DialogBox.alertFontSize   + ";";

   var content = "<div style='padding-left:10px;padding-right:10px;padding-top:30px;" + style + "'>"  +
                 "<center>" +
                 "One Moment Please...<p /><img src='" + DialogBox.waitImage + "' />" +
                 "<p>&nbsp;</p></center>" +
                 "</div>";
   squareBox(300, 125, content);
}


function squareBox(width, height, content, focus) {
   box    = new DialogBox(width, height);
   border = document.createElement('div');
   border.style.border = '1px solid black';
   border.style.width  = '100%';
   border.style.height = '100%';
   border.style.backgroundColor = DialogBox.bgcolor;
   border.innerHTML = content;
   box.getDiv().appendChild(border);
   //border.innerHTML = content;
   /*
   if(focus && document.getElementById(focus)) {
      document.getElementById(focus).focus();
   }
   */
}

function roundBox(width, height, content, focus) {
   var box  = "<table width='100%' height='100%' cellpadding=0 cellspacing=0 border=0>";
       box += "<tr>";
       box += "<td align='left'><img src='/css/b_tl.gif'></td>";
       box += "<td width='100%' bgcolor='white' valign='top'><img width='100%' height=1 src='/css/b_dot.gif'></td>";
       box += "<td align=right><img src='/css/b_tr.gif'></td>";
       box += "</tr>";
       box += "<tr>";
       box += "<td bgcolor='white' align='left' height='100%'><img width=1 height='100%' src='/css/b_dot.gif'></td>";
       box += "<td bgcolor='white' width='100%' height='100%'>" + content + "</td>";
       box += "<td bgcolor='white' align='right' height='100%'><img width='1' height='100%' src='/css/b_dot.gif'></td>";
       box += "</tr>";
       box += "<tr>";
       box += "<td align='left'><img src='/css/b_bl.gif'></td>";
       box += "<td width='100%' bgcolor='white' valign=bottom><img width='100%' height=1 src='/css/b_dot.gif'></td>";
       box += "<td align=right><img src='/css/b_br.gif'></td>";
       box += "</tr>";
       box += "</table>";
       var dbox = new DialogBox(width, height);
       dbox.setContent(box);
       if(focus) {
          document.getElementById(focus).focus();
       }
}