// Funciones de inicio para el popup
$(document).ready(function () {
	$('a.btn-ok, #dialog-overlay, #dialog-box').click(function () {		
		$('#dialog-overlay, #dialog-box').hide();		
		return false;
	});
	$(window).resize(function () {		
		if (!$('#dialog-box').is(':hidden')) popup();		
	});	
	
	popup();
});

//Dialogo Popup 
function popup(message) {		
	// obtener el ancho y alto de la pantalla
	var maskHeight = $(document).height();  
	var maskWidth = $(window).width();	
	// calcular los valores para centrar y alinear
	var dialogTop =  (maskHeight/3) - ($('#dialog-box').height());  
	var dialogLeft = (maskWidth/2) - ($('#dialog-box').width()/2); 	
	// asignar valores para anteponer la capa de overlay
	$('#dialog-overlay').css({height:maskHeight, width:maskWidth}).show();
	$('#dialog-box').css({top:dialogTop, left:dialogLeft}).show();	
	// desplegar el mensaje
	$('#dialog-message').html(message);			
}