function OcultaFlash()
{
div = document.getElementById("videoFlash");
if (div)
	div.style.visibility = "hidden";
}
function MuestraFlash()
{
div = document.getElementById("videoFlash");
if (div)
	div.style.visibility = "visible";
}

function hideElement(cualId,num) {
if (cualId == "contenedorImagen")
{
MuestraFlash();
div = document.getElementById(cualId);
div.style.visibility = "visible";
imagen.src = rp+"img/bullets/loading.gif?id="+Math.random();
div2 = document.getElementById("aimagen"+num);
div2.href= "#"+Math.random();
}	
var elemento = document.getElementById(cualId);
var padre = elemento.parentNode;
padre.removeChild(elemento);
}

function showImage(direccion,ancho,alto,piefoto,num)
{
if (document.getElementById('contenedorImagen'))
{
hideElement('contenedorImagen',num);
hideElement('cortina',num);
}
var anchoPantalla = document.documentElement.clientWidth;
var altoPantalla = document.documentElement.clientHeight;
//var YscrollVertical = document.documentElement.scrollTop;
var YscrollVertical=document.body.scrollTop;
if (YscrollVertical == 0)
	YscrollVertical = document.documentElement.scrollTop;
var anchoContenedor = 800;

if(ancho > anchoContenedor)
{
alto = ( (anchoContenedor-30) * alto ) / ancho;
ancho = (anchoContenedor-30);
}
var posicionX = (anchoPantalla - ancho) / 2 ;
var posicionY = (altoPantalla - (alto+52)) / 2;
if ( posicionY < 0 ) posicionY = 0;
if ( posicionX < 0 ) posicionX = 0;

var elDivId = document.createElement('div');
elDivId.setAttribute ("id","contenedorImagen");
altototalpagina = document.body.offsetHeight;
var elDivCortina = document.createElement('div');
elDivCortina.className = "cortina";
elDivCortina.setAttribute ("id","cortina");
elDivCortina.style.height = altototalpagina + "px";
var elDiv = document.createElement('div');
elDiv.className = 'imagenAmpliada';
elDiv.style.width = ancho+"px";
elDivId.style.left = posicionX+"px";
elDivId.style.top = YscrollVertical+posicionY+"px";
imagen= new Image();
loadingimage = new Image();
imagen.onload=function(){
loadingimage.style.display="none";
imagen.style.visibility="visible";
}

imagen.onclick = function() {
hideElement("contenedorImagen",num);
hideElement("cortina",num);
}
loadingimage.src = rp+"img/bullets/loading.gif";
loadingimage.style.display="inline";
loadingimage.style.zIndex = "85";
imagen.src = direccion;
imagen.style.zIndex = "45";
imagen.style.width = ancho + "px";
imagen.style.height = alto + "px";
imagen.style.visibility="hidden";
//encabezado
var elDivEncabezado = document.createElement('div');
elDivEncabezado.className = 'encabezado';
var enlaceCerrarSuperior = document.createElement('a');
var textoCerrarSuperior = document.createTextNode('cerrar');
enlaceCerrarSuperior.appendChild(textoCerrarSuperior);
enlaceCerrarSuperior.href="#Cerrar";
enlaceCerrarSuperior.onclick = function() {
hideElement("contenedorImagen",num);
hideElement("cortina",num);
}
elDivEncabezado.appendChild(enlaceCerrarSuperior);
//pie
var elDivPie = document.createElement('div');
elDivPie.className = 'pie';
var parrafo = document.createElement('span');
var textoPie = document.createTextNode(piefoto);
parrafo.appendChild(textoPie);
//montar telon
document.body.appendChild(elDivCortina);
elDiv.appendChild(elDivEncabezado);
elDiv.appendChild(loadingimage);
elDiv.appendChild(imagen);
elDivPie.appendChild(parrafo);
elDiv.appendChild(elDivPie);
elDivId.appendChild(elDiv);
document.body.appendChild(elDivId);
elemento = document.getElementById("cortina");
elemento.onclick = function() {
hideElement("contenedorImagen",num);
hideElement("cortina",num);
}
OcultaFlash();
return false;
}

