Event.observe (window,"load",cargaLinksVideo)
Event.observe(document, "mouseup", recogePosiones, false);

var mouseX="";
var mouseY="";

function recogePosiones(e)
{
	mouseX=Event.pointerX(e);
	mouseY=Event.pointerY(e);
}

function cargaLinksVideo ()
{
	if (!document.getElementsByTagName){ return; }
	links=$$(".videos")
	for (i=0;i<links.length;i++)
	{
		links[i].onclick=function ()
		{
			dibujaCapaVideo(this); return false;
		}
	}
}

function dibujaCapaVideo (objeto)
{
		if ($('flashHeader'))
		{
			$('flashHeader').style.visibility="hidden"
		}
		
		var videoEnlace=objeto.getAttribute("href");
		var objBody = document.getElementsByTagName("body").item(0);
		
		var capaSombreado=document.createElement("div")
		capaSombreado.setAttribute ("id","sombreado")
		objBody.appendChild(capaSombreado)

		var capaPadre=document.createElement("div")
		capaPadre.setAttribute ("id","visualizador")
		capaPadre.style.position="absolute";
		capaPadre.style.top=mouseY-200+"px";
		capaPadre.style.left=mouseX-400+"px";
		objBody.appendChild(capaPadre)

		var mensaje=document.createElement("p")
		mensaje.setAttribute("id","explicacion")
		capaPadre.appendChild(mensaje)

		var capaVideo=document.createElement("div")
		capaVideo.setAttribute("id","videoEmbed")
		capaPadre.appendChild(capaVideo)

		var botoncerrar=document.createElement("img")
		botoncerrar.setAttribute("src","/etxebide/recursos/images/close.gif")
		botoncerrar.style.marginTop=10+"px";
		botoncerrar.style.position="relative";
		botoncerrar.style.left="150px"
		botoncerrar.style.cursor="pointer";
		botoncerrar.onclick=function ()
		{
			Element.remove($('visualizador'));
			capaVideo.innerHTML="";
			Element.remove($(capaVideo));
			Element.remove($(capaSombreado));
			if ($('flashHeader'))
			{
			$('flashHeader').style.visibility="visible"
			}
		}
		capaPadre.appendChild(botoncerrar)

		dimesionesVentana=getPageSize();
		anchoPagina=dimesionesVentana[0];
		altoPagina=dimesionesVentana[1];
		
		$('sombreado').style.height=altoPagina+"px";
		$('sombreado').style.width=anchoPagina+"px";
	
		var ajax = new Ajax.Updater(
		'videoEmbed',
			videoEnlace,
       {
       	method:'get',
       	onComplete: repuesta
       });
}

function repuesta(req)
{

	$('videoEmbed').innerHTML = req.responseText;
}