// global variables //
var popup=false;
//var TIMER = 5;
//var SPEED = 10;
var WRAPPER = 'content';

// 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 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) {
  
  popup=true;

  var dialog;
  var dialogheader;
  var dialogclose;
  var dialogcontent;
  var dialogfooter;
  var dialogmask;
  if(!document.getElementById('dialog')) {
    dialog = document.createElement('div');
    dialog.id = 'dialog';
    dialogheader = document.createElement('div');
    dialogheader.id = 'dialog-header';
    
    dialogcontent = document.createElement('div');
    dialogcontent.id = 'dialog-content';
    
    dialogclose = document.createElement('div');
    dialogclose.id = 'dialog-close';
    
    dialogfooter = document.createElement('div');
    dialogfooter.id = 'dialog-footer';
    
    dialogmask = document.createElement('div');
    dialogmask.id = 'dialog-mask';
    
    document.body.appendChild(dialogmask);
    document.body.appendChild(dialog);
    
    dialog.appendChild(dialogheader);

    dialog.appendChild(dialogcontent);
    
    dialog.appendChild(dialogfooter);
     
  } else {
    dialog = document.getElementById('dialog');
    dialogheader = document.getElementById('dialog-header');
    dialogcontent = document.getElementById('dialog-content');
    dialogclose = document.getElementById('dialog-close');
    dialogfooter = document.getElementById('dialog-footer');
    dialogmask = document.getElementById('dialog-mask');
    //dialogmask.style.visibility = "visible";
    //dialog.style.visibility = "visible";
  }
  //dialog.style.opacity = 0.00;
  //dialog.style.filter = 'alpha(opacity=0)';
  //dialog.alpha = 0;
  var width = pageWidth();
  var height = pageHeight();
  var left = leftPosition();

  dialogheader.innerHTML = title;
  dialogcontent.innerHTML = message+"<input type='hidden' id='dialog-closeACTION' value='fadeDialog(0);clearFocus();setInitalFocus();' /><span id='dialog-close' class='dialog-close' onMouseUp='fadeDialog(0);' onKeyPress='fadeDialog(0);'></span>";
  
  var dialogwidth = dialog.offsetWidth;
  var dialogheight = dialog.offsetHeight;
  var top = (230)-(dialogheight/2); // (height/2)-(dialogheight/2);
  var leftposition = left + (width / 2) - (dialogwidth / 2);
  dialog.style.left = leftposition + "px";
  dialog.style.top = top + "px";
  var content = document.getElementById(WRAPPER);
  dialogmask.style.height = content.offsetHeight + 'px';

  fadeDialog(1);
}

function checkKey(e){
	if (e.keyCode == 13) {
		if(window.opera && opera.wiiremote)
		{
		 //DO NOTHING as do not want activating click from focus to close dialog
		}else
		{
			fadeDialog(0);
		}
	}
}

// fade-in the dialog box // fadeDialog
function fadeDialog(flag) {

	if(flag == null)
	{
	    flag = 1;
	}
	
	if(flag == 1)
	{
		popup=true;
	}
	else
	{
		popup=false;
	}
	
	
	var dialog = document.getElementById('dialog');
	
	
	var browser=navigator.appName;
	if (browser=="Microsoft Internet Explorer")
	{
	  if(flag == 1) {
	  	dialog.style.opacity = 1.0;
	  	dialog.alpha=100;
	  	dialog.style.filter = '';
		dialog.style.visibility = "visible";
	   	document.getElementById('dialog-mask').style.visibility = "visible";
	   	popup=true;
	  } else {
	  	dialog.style.opacity =0.0;
	  	dialog.alpha=0;
	    dialog.style.filter = '';
		dialog.style.visibility = "hidden";
	    document.getElementById('dialog-mask').style.visibility = "hidden";
	    popup=false;
	  }
	}
	else
	{
	
	  if(flag == 1)
	  {
		  dialog.style.opacity =1.0;
		  dialog.alpha=100;
		  //dialog.style.filter = 'alpha(opacity='1')';
		  document.getElementById('dialog-mask').style.visibility = "visible";
		  dialog.style.visibility = "visible";
		  popup=true;
	  }
	  else
	  {
		  dialog.style.opacity =0.0;
		  dialog.alpha=0;
		  //dialog.style.filter = 'alpha(opacity='0')';
		  document.getElementById('dialog-mask').style.visibility = "hidden";
		  dialog.style.visibility = "hidden";
		  popup=false;
		  
	  }
	}
}