// global variables //
var TIMER = 5;
var SPEED = 10;
var WRAPPER = 'popupDialog';

// calculate the current window width //
function pageWidth() {
  return window.innerWidth != null ? window.innerWidth : document.documentElement && document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body != null ? document.body.clientWidth : null;
}

// calculate the current window height //
function pageHeight() {
  return window.innerHeight != null? window.innerHeight : document.documentElement && document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body != null? document.body.clientHeight : null;
}

// calculate the current window vertical offset //
function topPosition() {
  return typeof window.pageYOffset != 'undefined' ? window.pageYOffset : document.documentElement && document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ? document.body.scrollTop : 0;
}

// calculate the position starting at the left of the window //
function leftPosition() {
  return typeof window.pageXOffset != 'undefined' ? window.pageXOffset : document.documentElement && document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ? document.body.scrollLeft : 0;
}

function showInfoDialog(message, backgroundObj)
{
    var dialog;
    var dialogcontent;
    var dialogmask;
    
    if(!document.getElementById('Infodialog')) 
    {
        dialog = document.createElement('div');
        dialog.id = 'Infodialog';
        dialogcontent = document.createElement('div');
        dialogcontent.id = 'dialogInfo-content';
        dialogmask = document.createElement('div');
        dialogmask.id = 'dialogInfo-mask';
        document.body.appendChild(dialogmask);
        document.body.appendChild(dialog);
        dialog.appendChild(dialogcontent);
        
    }
    else
    {
        dialog = document.getElementById('Infodialog');
        dialogcontent = document.getElementById('dialogInfo-content');
        dialogmask = document.getElementById('dialogInfo-mask');
        dialogmask.style.visibility = "visible";
        dialog.style.visibility = "visible";
    }
    

    var objWidth = backgroundObj.clientWidth;
    var objHeight = backgroundObj.clientHeight;
    var objTop = backgroundObj.offsetTop; 
    var objLeft = backgroundObj.offsetLeft; 
    while(backgroundObj = backgroundObj.offsetParent){ 
      objLeft += backgroundObj.offsetLeft;
      objTop += backgroundObj.offsetTop;
    } 
  
    var topposition = objTop + (objHeight / 3) - (18 / 2);
    var leftposition = objLeft + (objWidth / 2) - (95 / 2);
    
    dialog.className = "loading-indicator";
    dialog.style.top = topposition + "px";
    dialog.style.left = leftposition + "px";
    dialog.style.position = "absolute";
    dialog.style.zIndex = "200";
    dialog.style.width = "95px";
    //dialog.style.height = "16px";
    
    dialogmask.style.height = objHeight + 'px';
    dialogmask.style.width = objWidth + 'px';
    dialogmask.style.top = objTop + 'px';
    dialogmask.style.left = objLeft + 'px';
    //dialogcontent.innerHTML = "<img src='/images/interface/loading.gif' style=\"padding:0px;\"  />&nbsp;<span style=\"vertical-align: middle;\">" + message + "</span>";
    dialogcontent.innerHTML = message ;
    dialog.style.visibility = "visible";
    dialogmask.style.visibility = "visible";
}

function closeInfoDialog()
{
    dialog = document.getElementById('Infodialog');
    dialogmask = document.getElementById('dialogInfo-mask');
    dialog.style.visibility = "hidden";
    dialogmask.style.visibility = "hidden";
}


// build/show the dialog box, populate the data and call the fadeDialog function //
function showDialog(title, dialogName, 
  dialogHeaderName, dialogTitleName, dialogCloseName, dialogContentName) {

  var dialog;
  var dialogheader;
  var dialogclose;
  var dialogtitle;
  var dialogcontent;
  var dialogmask;

  dialog = document.getElementById(dialogName);
  dialogheader = document.getElementById(dialogHeaderName);
  dialogtitle = document.getElementById(dialogTitleName);
  dialogclose = document.getElementById(dialogCloseName);
  dialogcontent = document.getElementById(dialogContentName);
  dialogmask = document.getElementById('dialogPromptmask');
  dialogmask.style.visibility = "visible";
  dialog.style.visibility = "visible";
  

  var width = pageWidth();
  var height = pageHeight();
  var left = leftPosition();
  var top = topPosition();
  var dialogwidth = dialog.offsetWidth;
  var dialogheight = dialog.offsetHeight;
  var topposition = top + (height / 2.5) - (dialogheight / 2);
  var leftposition = left + (width / 2) - (dialogwidth / 2);
  dialog.style.top = topposition + "px";
  dialog.style.left = leftposition + "px";
  //dialogheader.className = "promptheader";
  dialogtitle.innerHTML = title;
  //dialogcontent.className = "prompt";
  //dialogcontent.innerHTML = message;
  //var content = document.getElementById(WRAPPER);
  //dialogmask.style.height = content.offsetHeight + 'px';
  //dialog.timer = setInterval("fadeDialog(1)", TIMER);
  dialog.style.visibility = "visible";
  dialogmask.style.visibility = "visible";
  //dialogclose.style.visibility = "visible";
  
}

// hide the dialog box //
function hideDialog(dialogName) {
  var dialog = document.getElementById(dialogName);
  //clearInterval(dialog.timer);
  dialog.style.visibility = "hidden";
  document.getElementById('dialogPromptmask').style.visibility = "hidden";
  //dialog.timer = setInterval("fadeDialog(0)", TIMER);
}