// Funciones para la ventana emergente 

function muestraVentana(ancho,alto,video)
{
	efectoModal();
	
	//creo un div para mostrar la ventana emergente
	var ventana = document.createElement('div');
	ventana.setAttribute('id', 'ventanaEmergente');
	ventana.id = 'ventanaEmergente';
	//Establezco sus propiedades de ancho y alto
	ventana.style.width=ancho +"px";
	ventana.style.height=alto +"px";
	
	//ya con el ancho y alto establecidos se centra la ventana emergente
	centrarVentana(ventana, ancho, alto);
	
	
	ventana.style.display = "block";
	ventana.style.position = "absolute";
	ventana.style.zIndex=2;     
	
	//creo el iframe donde se mostrarán la página de noticias, eventos y avisos
	var contenido = document.createElement('iframe');
	contenido.id ='contenedorInfo';
	contenido.style.border = "0px";
	contenido.style.width="100%";
	contenido.style.height="100%";
	contenido.scrolling="no";
	contenido.src = "invitacion.php?codigo="+video;
	ventana.appendChild(contenido);
	
	//agrego la ventana a la página
	document.body.appendChild(ventana);
	
}

function centrarVentana(ventana, ancho, alto)
{
	//Se calcula cuanto ha hecho el usuario scroll en la página
	var scrolledX, scrolledY;
	if( self.pageYOffset ) 
	{
		scrolledX = self.pageXOffset;
		scrolledY = self.pageYOffset;
	} 
	else if( document.documentElement && document.documentElement.scrollTop ) 
	{
		scrolledX = document.documentElement.scrollLeft;
		scrolledY = document.documentElement.scrollTop;
	} 
	else if( document.body ) 
	{
		scrolledX = document.body.scrollLeft;
		scrolledY = document.body.scrollTop;
	}	
	
	// Se calculan las coordenadas del centro de la página

	var posX, posY;
	if( self.innerHeight ) 
	{
		posX = self.innerWidth;
		posY = self.innerHeight;
	} 
	else if( document.documentElement && document.documentElement.clientHeight ) 
	{
		posX = document.documentElement.clientWidth;
		posY = document.documentElement.clientHeight;
	} 
	else if( document.body ) 
	{
		posX = document.body.clientWidth;
		posY = document.body.clientHeight;
	}
	
	//Se calcula la coordenada en X y en Y en donde se ubicará la ventana, 
	//tomando en cuenta el ancho y alto que fueron pasados a la función
	var coordenadaX = scrolledX + (posX - ancho) / 2;
	var coordenadaY = scrolledY + (posY - alto) / 2;
	
	//por último se asignan las coordenadas a la ventana
	ventana.style.left = coordenadaX + "px";
	ventana.style.top = coordenadaY + "px";
	
}


function efectoModal()
{
	var capaGris = document.createElement('div');
	capaGris.setAttribute('id', 'capaGris');
	capaGris.id = 'capaGris';
	var transparencia = 60;
	var opaco = (transparencia / 100);
	var bgcolor = '#000000';
	capaGris.style.opacity=opaco;                      
	capaGris.style.Mozopacity=opaco;                   
	capaGris.style.filter='alpha(opacity='+transparencia+')'; 
	capaGris.style.zIndex=2;        
	capaGris.style.backgroundColor=bgcolor;  
	capaGris.style.width= '100%';
	capaGris.style.height= '100%';
	capaGris.style.display='block';		       
	capaGris.style.position = 'fixed';
	capaGris.style.top = '0px';
	capaGris.style.left = '0px';
	document.body.appendChild(capaGris);
	document.getElementById("capaGris").onclick = function(){
		cierraVentana();
	}
}
	
	
function cierraVentana()
{
	//var contenedor = parent.document; //codigo por si está dentro del iframe
	var contenedor = document;
	
	var ventana = contenedor.getElementById('ventanaEmergente');
	var efectoGris = contenedor.getElementById('capaGris');
	contenedor.body.removeChild(ventana);
	contenedor.body.removeChild(efectoGris);
}

function detectaEnter(e,video)
{
	if(window.event) // IE
	{
		keynum = e.keyCode;
	}
	else if(e.which) // Netscape/Firefox/Opera
	{
		keynum = e.which;
	} 
	
	if (keynum == 13)
	{
		if(!document.getElementById('capaGris'))
			muestraVentana(589,455,video);
	}
}