// global variables //
var TIMER = 5;
var SPEED = 10;
var WRAPPER = 'contentPAGE';
var dialogId = '';
// 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;
}

// build/show the dialog box, populate the data and call the fadeDialog function //
function showDialog(title,message,type,autohide,largerimage,showDialogType) {
  if(!type) {
    type = 'error';
  }
  var dialog;
  var dialogheader;
  var dialogclose;
  var dialogtitle;
  var dialogcontent;
  var dialogmask;
  
  if(showDialogType == 2)
  	dialogType = "2";
  else if(showDialogType == 1)
  	dialogType = "1";
  else if(showDialogType == 3)
  	dialogType = "3";
	
  dialogId = dialogType;

  if(!document.getElementById('dialog'+dialogType)) {
    dialog = document.createElement('div');
    dialog.id = 'dialog'+dialogType;
    dialogheader = document.createElement('div');
    dialogheader.id = 'dialog-header'+dialogType;
    dialogtitle = document.createElement('div');
    dialogtitle.id = 'dialog-title'+dialogType;
    dialogclose = document.createElement('div');
    dialogclose.id = 'dialog-close'+dialogType;
	dialogother = document.createElement('div');
    dialogother.id = 'dialog-other'+dialogType;
  	dialogcontent = document.createElement('div');
    dialogcontent.id = 'dialog-content'+dialogType;
	
    dialogmask = document.createElement('div');
    dialogmask.id = 'dialog-mask'+dialogType;
    document.body.appendChild(dialogmask);
    document.body.appendChild(dialog);
    dialog.appendChild(dialogheader);
    dialogheader.appendChild(dialogtitle);
    dialogheader.appendChild(dialogclose);
	dialog.appendChild(dialogother);
    dialog.appendChild(dialogcontent);	

    dialogclose.setAttribute('onclick','hideDialog()');
    dialogclose.onclick = hideDialog;	
  } else {
    dialog = document.getElementById('dialog'+dialogType);
    dialogheader = document.getElementById('dialog-header'+dialogType);
    dialogtitle = document.getElementById('dialog-title'+dialogType);
    dialogclose = document.getElementById('dialog-close'+dialogType);
    dialogcontent = document.getElementById('dialog-content'+dialogType);
	dialogother = document.getElementById('dialog-other'+dialogType);
    dialogmask = document.getElementById('dialog-mask'+dialogType);
    dialogmask.style.visibility = "visible";
    dialog.style.visibility = "visible";
  }
  dialog.style.opacity = .00;
  dialog.style.filter = 'alpha(opacity=0)';
  dialog.alpha = 0;
  var width = pageWidth();
  var height = pageHeight();
  var left = leftPosition();
  var top = topPosition();
  var dialogwidth = dialog.offsetWidth;
  var dialogheight = dialog.offsetHeight;
  var topposition = 200; //(top + (height / 3) - (dialogheight / 2))
  var leftposition = left + (width / 2) - (dialogwidth / 2);
  dialog.style.top = topposition + "px";
  dialog.style.left = leftposition + "px";
  dialogheader.className = type + "header";
  dialogtitle.innerHTML = title;
  dialogtitle.className = "prodTitle";
  dialogcontent.className = type;
  dialogcontent.innerHTML = message;  
  var img = "<img src=\'"+largerimage+"\'>";
  
  if(largerimage!="")
	  dialogother.innerHTML = "<a href='javascript:;' onClick=\"javascript:  showDialog('"+title+"','<table border=\\'0\\' align=\\'center\\' cellpadding=\\'0\\' cellspacing=\\'0\\' id=\\'fullimagediv\\'><tr><td align=\\'center\\' ><a class=\\'LinksUL TextColor4\\' href=\\'javascript:;\\'  title=\\'"+title+"\\' id=\\'fullimagelink\\' ><img src=\\'"+largerimage+"\\'></a> </td></tr></table>','fullimage','','','2');\"\">View Full Image</a>";
  
  
  
  var content = document.getElementById(WRAPPER);
  dialogmask.style.height = content.offsetHeight + 'px';
  dialog.timer = setInterval("fadeDialog(1)", TIMER);
  if(autohide) {
    dialogclose.style.visibility = "hidden";
    window.setTimeout("hideDialog()", (autohide * 1000));
  } else {
	if(document.getElementById("fullimagediv") !=null)
	{
		document.getElementById("fullimagediv").setAttribute('onclick','hideDialog()');
		document.getElementById("fullimagediv").onclick = hideDialog;
	}
	
	else if(document.getElementById("enlargedimagediv") !=null)
	{
		document.getElementById("enlargedimagediv").setAttribute('onclick','hideDialog()');
		document.getElementById("enlargedimagediv").onclick = hideDialog;
	}
    dialogclose.style.visibility = "visible";
  }
}

// hide the dialog box //
function hideDialog() { 
  var dialog = document.getElementById('dialog' + dialogId); 
  clearInterval(dialog.timer);
  dialog.timer = setInterval("fadeDialog(0)", TIMER);
}

// fade-in the dialog box //
function fadeDialog(flag) 
{
  if(flag == null) {
    flag = 1;
  }

 var dialog = document.getElementById('dialog'+dialogId);
 
	
  var value;
  if(flag == 1) {
    value = dialog.alpha + SPEED;
  } else {
    value = dialog.alpha - SPEED;
  }
  dialog.alpha = value;
  dialog.style.opacity = (value / 100);
  dialog.style.filter = 'alpha(opacity=' + value + ')';
  if(value >= 99) {
    clearInterval(dialog.timer);
    dialog.timer = null;
  } 
  else if(value <= 1) 
  {
    dialog.style.visibility = "hidden";
	
	if(dialogId == 2)
	{
		document.getElementById('dialog-mask'+dialogId).style.visibility = "hidden";
		dialogId = 1;
		hideDialog();
	}
	else
		document.getElementById('dialog-mask'+dialogId).style.visibility = "hidden";	    
    clearInterval(dialog.timer);
  }
}