// global variables //
var TIMER = 1;
var SPEED = 100;
var WRAPPER = 'main';

// 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;
}

// hide the dialog box //
function hideDialog() {
  var dialog = document.getElementById('dialog');
  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');
  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";
    document.getElementById('dialog-mask').style.visibility = "hidden";
    clearInterval(dialog.timer);
	//document.getElementById('dialog')=null;
  }
}


function botonCancel() {
	if(document.getElementById('botoncancel') != null) {
		document.getElementById('botoncancel').click();
	}
}

function showDialogGod(title,message,ancho,funci,toppos) {
	if ((parent.iframe_canvas != null) && (toppos == null)) {
		dialogFromFB(title,message,ancho,funci);
	}
	else {
		var type;
		var dialog;
		var dialogheader;
		var dialogclose;
		var dialogtitle;
		var dialogcontent;
		var dialogmask;

		type = 'god';

		if(!document.getElementById('dialog')) {
			dialog = document.createElement('div');
			dialog.id = 'dialog';
			dialogheader = document.createElement('div');
			dialogheader.id = 'dialog-header';
			dialogtitle = document.createElement('div');
			dialogtitle.id = 'dialog-title';
			dialogclose = document.createElement('div');
			dialogclose.id = 'dialog-close'
			dialogcontent = document.createElement('div');
			dialogcontent.id = 'dialog-content';
			dialogmask = document.createElement('div');
			dialogmask.id = 'dialog-mask';
			document.body.appendChild(dialogmask);
			document.body.appendChild(dialog);
			dialog.appendChild(dialogheader);
			dialogheader.appendChild(dialogtitle);
			dialogheader.appendChild(dialogclose);
			dialog.appendChild(dialogcontent);;
			dialogclose.setAttribute('onclick','botonCancel()');
			dialogclose.onclick = botonCancel;
		} 
		else {
			dialog = document.getElementById('dialog');
			dialogheader = document.getElementById('dialog-header');
			dialogtitle = document.getElementById('dialog-title');
			dialogclose = document.getElementById('dialog-close');
			dialogcontent = document.getElementById('dialog-content');
			dialogmask = document.getElementById('dialog-mask');
			dialogmask.style.visibility = "visible";
			dialog.style.visibility = "visible";
		}

		dialog.style.opacity = .00;
		dialog.style.filter = 'alpha(opacity=0)';
		dialog.alpha = 0;
		dialog.style.width = ancho + "px";
		var width = pageWidth();
		var height = pageHeight();
		var left = leftPosition();
		var top;
		if (toppos == null) {
			top=topPosition();
		}
		else {
			if(toppos == -1) {
				toppos=(height/2)-100;
				if (toppos < 0) {
					toppos=100;
				}
			}
			top=toppos;
		}		
		var dialogwidth = dialog.offsetWidth;
		var dialogheight = dialog.offsetHeight;

		//alert('pageWidth:' + width);
		//alert('pageHeight:' + height);
		//alert('leftPosition:' + left);
		//alert('topPosition:' + top);
		//alert('dialogwidth:' + dialogwidth);
		//alert('dialogheight:' + dialogheight);

		//var topposition = top + (height / 3) - (dialogheight / 2);
		var topposition;
		if (toppos == null) {
			topposition= top + (height / 3) - (300 / 2);
		}
		else {
			topposition=top;
		}		
		var leftposition = left + (width / 2) - (dialogwidth / 2);

		dialog.style.top = topposition + "px";
		dialog.style.left = leftposition + "px";
		dialogheader.className = type + "header";
		dialogtitle.innerHTML = title;
		dialogcontent.className = type;
		dialogcontent.innerHTML = '<center><p class=\'texto_error\' style=\'font-size:12pt\'>' + message + '...</p></center>';
		var content = document.getElementById(WRAPPER);
		dialogmask.style.height = content.offsetHeight + 'px';
		dialog.timer = setInterval("fadeDialog(1)", TIMER);
		dialogclose.style.visibility = "visible";

		if (funci != null) { 
			funci(); 
		}
	}
}