// global variables //
var WRAPPER = 'imcontainerbody';

// 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 showDialog(title,message,type,popupheight,popupwidth) {

  var dialogheader;
  var dialogclose;
  var dialogtitle;
  var dialogcontent;
  var dialogmask;
  var htmlcontent;
  
  
  if(!document.getElementById('dialogMask')) {
    
	dialogmask = document.createElement('div');
    dialogmask.id = 'dialogMask';
	dialogrelative = document.createElement('div');
    dialogrelative.id = 'dialogRelative';
    dialogheader = document.createElement('div');
    dialogheader.id = 'dialogHeader';
    dialogcontent = document.createElement('div');
    dialogcontent.id = 'dialogContent';
    
	htmlcontent = document.createElement('div');
    htmlcontent.id = 'htmlContent';
	
	
	dialogtitle = document.createElement('div');
    dialogtitle.id = 'dialogTitle';
	dialogclose = document.createElement('div');
    dialogclose.id = 'dialogClose';

    document.body.appendChild(dialogmask);
	dialogmask.appendChild(dialogrelative);
	dialogrelative.appendChild(dialogcontent);
	dialogcontent.appendChild(dialogheader);
	dialogcontent.appendChild(htmlcontent);


    dialogheader.appendChild(dialogtitle);
    dialogheader.appendChild(dialogclose);

    dialogclose.setAttribute('onclick','hideDialog()');
    dialogclose.onclick = hideDialog;

	//dialogmask.onclick = hideDialog;

  } else {
	
    dialogmask = document.getElementById('dialogMask');
    dialogheader = document.getElementById('dialogHeader');
    dialogtitle = document.getElementById('dialogTitle');
    dialogclose = document.getElementById('dialogClose');
    dialogcontent = document.getElementById('dialogContent');
	htmlcontent = document.getElementById('htmlContent');
    dialogmask.style.visibility = "visible";
  }


	dialogheader.className = type + "header";
	dialogtitle.innerHTML = title;
	dialogcontent.className ="clear";
	htmlcontent.className ="clear";


	var width = pageWidth();
	var height = pageHeight();
	var left = leftPosition();
	var top = topPosition();

   //var content = document.getElementById(WRAPPER);
   //dialogmask.style.height = content.offsetHeight + 'px';
   dialogmask.style.height = document.body.offsetHeight + 'px';

    htmlcontent.innerHTML = message;

	var dialogwidth;
	var dialogheight;
	var topposition;
	var leftposition;


	if(popupwidth==null || popupwidth=='' || popupwidth==undefined){
		dialogwidth = dialogcontent.offsetWidth;
	}else{
		dialogwidth = popupwidth;
	}

	if(popupheight==null || popupheight=='' || popupheight==undefined){
		dialogheight = dialogcontent.offsetHeight;
	}else{
		dialogheight = popupheight;
	}

	topposition=height-dialogheight;
	topposition=topposition/2;
	dialogcontent.style.top=topposition+"px";

	leftposition=width-dialogwidth;
	leftposition=leftposition/2;
	dialogcontent.style.left=leftposition+"px";

	dialogmask.style.display = "block"; 
	dialogmask.style.visibility = "visible";
}




// hide the dialog box //
function hideDialog() {
  var dialogmask = document.getElementById('dialogMask');
  dialogmask.style.visibility = "hidden";
  dialogmask.style.display = "none";
}


function showAlert(title,message,type) {
  
  var dialogAlertheader;
  var dialogAlertclose;
  var dialogAlerttitle;
  var dialogAlertcontent;
  var dialogAlertmask;
  var htmlcontent;
  
  
  if(!document.getElementById('dialogAlertMask')) {
    
	dialogAlertmask = document.createElement('div');
    dialogAlertmask.id = 'dialogAlertMask';
	dialogAlertrelative = document.createElement('div');
    dialogAlertrelative.id = 'dialogAlertRelative';
    dialogAlertheader = document.createElement('div');
    dialogAlertheader.id = 'dialogAlertHeader';
    dialogAlertcontent = document.createElement('div');
    dialogAlertcontent.id = 'dialogAlertContent';
    
	htmlcontent = document.createElement('div');
    htmlcontent.id = 'htmlContent';
	
	
	dialogAlerttitle = document.createElement('div');
    dialogAlerttitle.id = 'dialogAlertTitle';
	dialogAlertclose = document.createElement('div');
    dialogAlertclose.id = 'dialogAlertClose';

    document.body.appendChild(dialogAlertmask);
	dialogAlertmask.appendChild(dialogAlertrelative);
	dialogAlertrelative.appendChild(dialogAlertcontent);
	dialogAlertcontent.appendChild(dialogAlertheader);
	dialogAlertcontent.appendChild(htmlcontent);


    dialogAlertheader.appendChild(dialogAlerttitle);
    dialogAlertheader.appendChild(dialogAlertclose);

    dialogAlertclose.setAttribute('onclick','hidedialogAlert()');
    dialogAlertclose.onclick = hidedialogAlert;



	//dialogAlertmask.onclick = hidedialogAlert;

  } else {
	
    dialogAlertmask = document.getElementById('dialogAlertMask');
    dialogAlertheader = document.getElementById('dialogAlertHeader');
    dialogAlerttitle = document.getElementById('dialogAlertTitle');
    dialogAlertclose = document.getElementById('dialogAlertClose');
    dialogAlertcontent = document.getElementById('dialogAlertContent');
	htmlcontent = document.getElementById('htmlContent');
    dialogAlertmask = document.getElementById('dialogAlertMask');
    dialogAlertmask.style.visibility = "visible";
  }

  htmlcontent.innerHTML = message;
  var width = pageWidth();
  var height = pageHeight();
  var left = leftPosition();
  var top = topPosition();
  var dialogAlertwidth = dialogAlertmask.offsetWidth;
  var dialogAlertheight = dialogAlertmask.offsetHeight;
  var topposition = top + (height / 3) - (dialogAlertheight / 2);
  var leftposition = left + (width / 2) - (dialogAlertwidth / 2);

  dialogAlertheader.className = type + "header";
  dialogAlerttitle.innerHTML = title;
  dialogAlertcontent.className ="clear";
  htmlcontent.className ="clear";
  
  dialogAlertcontent.style.top=topposition+"px";
  dialogAlertcontent.style.left=leftposition+"px";

  //var content = document.getElementById(WRAPPER);

  //dialogAlertmask.style.height = content.offsetHeight + 'px';
  dialogAlertmask.style.height = document.body.offsetHeight + 'px';
  dialogAlertmask.style.visibility = "visible";
  dialogAlertmask.style.display = "block";



}


function hidedialogAlert() {
  var dialogAlertmask = document.getElementById('dialogAlertMask');
  dialogAlertmask.style.visibility = "hidden";
  dialogAlertmask.style.display = "none";
  document.body.removeChild(dialogAlertmask);

}