var transpa=0.85, tempor=null, d=document, div=null, divT=null,divL=null,divR=null,divB=null,divP=null,divs=new Array(),divPopup=null, tipoTag=0, ruta="";

var FADE_INTERVAL=10;//Temps que esta una foto en escena
var FADE_STEP=0.05;
var opacity=0.6;
var xPopup=700;
var yPopup=700;
var yInicialPopup=30;
var xInicialPopup=0;

var xInicialCierre=0;
var yInicialCierre=0;
var hayCierre=0;
var altoCierre=0;
var anchoCierre=0;

window.onresize = function() { setPopupHeight('popup', .8); }
window.onload = function() { setPopupHeight('popup', .8); }

//width foto; height foto; tipo[img,iframe]; ruta de (img/iframe); position:alturaCierre; position:derechaCierre; hay boton de cierre?; altoCierre; anchoCierre
function black(x,y,tipo,rutaSrc,yC,xC,hC,alto,ancho)
{
	var id="",inner="";
	divs=new Array();
	heiD=getDocHeight();
	widD=getDocWidth();
	
	xPopup=x;
	yPopup=y;
	xInicialCierre=xC;
	yInicialCierre=yC;
	hayCierre=hC;
	altoCierre=alto;
	anchoCierre=ancho;

	heiW=getWinHeight();
	widW=getWinWidth();

	xInicialPopup=(widW/2)-(xPopup/2);
	yInicialPopup=(heiW/2)-(yPopup/2);	
	
	switch(tipo)
	{
		case "img":
			tipoTag=1;
			break;	
		case "iframe":
			tipoTag=2;
			break;
	}
	ruta=rutaSrc;
	
	var divNegro = document.createElement("div");
	divNegro.id = "negro";
	var imgNegro = document.createElement("img");
	imgNegro.id = "fondoNegro";
	imgNegro.setAttribute("class", "fondo");
	//imgNegro.setAttribute("onclick", "javascript:finalizar2();");
	
	//imgNegro.style.opacity=.9;
	imgNegro.src="img/negro.jpg";
	imgNegro.onclick=function(){finalizar2();};
	
	imgNegro.style.width=widW+"px";
	imgNegro.style.height=heiW+"px";
	divNegro.appendChild(imgNegro);
	document.body.appendChild(divNegro);
	
	divNegro.xOpacity=0;
	setOpacity(divNegro);
	divs.push(divNegro);
	
	tempor=setTimeout(fadePrin,FADE_INTERVAL);
	
	
}

function fadePrin()
{
	//alert(divs.length);
	for(i=0;i<divs.length;i++) 
	{	
		divs[i].style.display = "block";
		divs[i].xOpacity = divs[i].xOpacity + FADE_STEP;
		setOpacity(divs[i]);
		//alert(divs[i].xOpacity);
	}

	
	if(verificarOpacitys("pos")) //si ja hem acabat una transició, acabem
	{
		
		clearTimeout(tempor);
			switch(tipoTag)
			{
				case 1:
					insertImg();
					break;	
				case 2:
					insertPopup();
					break;
			}
	} 
	else //mentre no estigui la seguent imatge en escena (sense la imatge "current"), anem actualitzant opacitats
	{
		clearTimeout(tempor);
		tempor=setTimeout(fadePrin,FADE_INTERVAL);
	}	
}



function insertPopup()
{
	var p = document.createElement("div");
	p.id = "pop";
	p.setAttribute("class", "emerge");
	
	var iframe = document.createElement("iframe");
	iframe.id = "popup";
	iframe.setAttribute("class", "fondo2");
	//iframe.setAttribute("frameborder", "3");
	//frameborder="0"
	//iframe.setAttribute("onclick", "javascript:acabar();");
	iframe.style.top=yInicialPopup+"px";
	iframe.style.left=xInicialPopup+"px";
	
	iframe.src=ruta;
	iframe.frameborder="1";
	
	iframe.style.width=xPopup+"px";
	iframe.style.height=yPopup+"px";
	
	p.appendChild(iframe);
	document.body.appendChild(p);
}
function insertImg()
{
	//alert("S");
	var p = document.createElement("div");
	p.id = "pop";
	p.setAttribute("class", "emerge");
	
	var iframe = document.createElement("img");
	iframe.id = "popup";
	iframe.setAttribute("class", "fondo2");
	//iframe.setAttribute("onclick", "javascript:acabar();");
	iframe.style.top=yInicialPopup+"px";
	iframe.style.left=xInicialPopup+"px";
	
	iframe.src=ruta;
	iframe.frameborder="1";
	iframe.onclick=function(){finalizar2();};
	
	iframe.style.width=xPopup+"px";
	iframe.style.height=yPopup+"px";
	
	

	if (hayCierre == 1)
	{
		//Per crear la ma com a punter al passar per la "X" de tancar
		var cerrarImg = document.createElement("img");
		cerrarImg.src="img/empty.gif";
		cerrarImg.style.top=(yInicialPopup+yInicialCierre)+"px";
		cerrarImg.style.left=(xInicialPopup+xPopup-xInicialCierre-anchoCierre)+"px";
		cerrarImg.style.position="absolute";
		cerrarImg.style.width=anchoCierre+"px";
		cerrarImg.style.height=altoCierre+"px";
		cerrarImg.id = "cerrar";
		cerrarImg.setAttribute("class", "cerrar");
		cerrarImg.onclick=function(){finalizar2();};
		p.appendChild(cerrarImg);
	}
	
	if(ruta == "img/regaloRelax.png"){
	    var pdfIMG = document.createElement("img");
	    pdfIMG.src="img/empty.gif";
	    pdfIMG.style.top=(282+yInicialPopup)+"px";
	    pdfIMG.style.left=(xInicialPopup+20)+"px";
	    pdfIMG.style.position="absolute";
	    pdfIMG.style.width="165px";
	    pdfIMG.style.height="36px";
	    pdfIMG.id = "cerrar";
	    //pdfIMG.style.backgroundColor="black";
        //pdfIMG.setAttribute("class", "cerrar");
	    pdfIMG.onclick=function(){
	        window.location = "img/Ficha_Instante_Relax.pdf";
	    };
	    p.appendChild(pdfIMG);
	}

	
	p.appendChild(iframe);
	document.body.appendChild(p);
}

function finalizar2()
{

	divPopup=document.getElementById("pop");
	divs.push(divPopup);
	
	//divPopup=document.getElementById("popup");
	acabar4();
	
	//Per acabar amb fade
	//tempor=setTimeout(acabar2,FADE_INTERVAL);
	
}
function acabar2()
{	
	nova = divPopup.style.height;
	nova = nova.replace("px","");
	nova = parseInt(nova)-8;
	divPopup.style.height=nova+"px";
	//alert(nova);
	

	if(nova<=5) //si ja hem acabat una transició, acabem
	{
		clearTimeout(tempor);
		tempor=setTimeout(acabar3,FADE_INTERVAL);
	} 
	else //mentre no estigui la seguent imatge en escena (sense la imatge "current"), anem actualitzant opacitats
	{
		clearTimeout(tempor);
		tempor=setTimeout(acabar2,FADE_INTERVAL/3);
	}
}
function acabar3()
{
	//alert(divs.length);
	for(i=0;i<divs.length;i++) 
	{	
		divs[i].style.display = "block";
		divs[i].xOpacity = divs[i].xOpacity - FADE_STEP;
		setOpacity(divs[i]);
		//alert(divs[i].xOpacity);
	}

	if(verificarOpacitys("neg")) //si ja hem acabat una transició, acabem
	{
		clearTimeout(tempor);
		acabar4();
	} 
	else //mentre no estigui la seguent imatge en escena (sense la imatge "current"), anem actualitzant opacitats
	{
		clearTimeout(tempor);
		tempor=setTimeout(acabar3,FADE_INTERVAL);
	}	
}
function acabar4()
{
	divPop=d.getElementById("pop");
	divPop.parentNode.removeChild(divPop);
	//alert("Siiiii");
	for(i=0;i<divs.length;i++) 
	{	
		divs[i].innerHTML="";
		divs[i].parentNode.removeChild(divs[i]);
	}
}










function setPopupHeight(id, h) 
{
	if (document.getElementById) 
	{
		heiW=getWinHeight();
		widW=getWinWidth();
		
		var theIframe = document.getElementById(id);
		var div = document.getElementById("fondoNegro");
		var cerrarImg = document.getElementById("cerrar");
		
		if (theIframe) 
		{
			//alert(div);
			div.style.width="0px";
			div.style.height="0px";
			
			xInicialPopup=(widW/2)-(xPopup/2);
			yInicialPopup=(heiW/2)-(yPopup/2);
			
			heiW=getWinHeight();
			widW=getWinWidth();
			
			div.style.width=widW+"px";
			div.style.height=heiW+"px";
			
			theIframe.style.left=xInicialPopup+"px";
			theIframe.style.top=yInicialPopup+"px";
			
			//Per crear la ma com a punter al passar per la "X" de tancar
			cerrarImg.style.top=(yInicialPopup)+"px";
			cerrarImg.style.left=(xInicialPopup+xPopup-30)+"px";
		}
	}
}

function verificarOpacitys(moment) 
{
	flag=true;
		
	for(i=0;i<divs.length;i++) 
	{	
		if (moment=="pos")
		{
			//alert("divs[i].xOpacity>=opacity; "+divs[i].xOpacity+" "+opacity);
			if(divs[i].xOpacity>=opacity)
			{
				divs[i].xOpacity = opacity;
				setOpacity(divs[i]);
			}
			else
				flag=false;
		}
		else
		{
			if(divs[i].xOpacity<=0)
			{
				divs[i].xOpacity = 0;
				setOpacity(divs[i]);
			}
			else
				flag=false;
		}
	}
	
	return flag;
}

function setOpacity(obj) 
{
	if(obj.xOpacity>opacity)
		obj.xOpacity = opacity;
	
	if (obj.xOpacity<0)
		obj.xOpacity=0;
		
	obj.style.opacity = obj.xOpacity;
	obj.style.MozOpacity = obj.xOpacity;
	obj.style.filter = "alpha(opacity="+(obj.xOpacity*100)+")";
}

function getWinHeight() 
{
	var D = document;
	return Math.max
	(
		Math.max(D.body.scrollHeight, D.documentElement.scrollHeight)
	);
}

function getWinWidth() 
{
	var D = document;
	//alert("Width: "+D.documentElement.scrollWidth+" Width2: "+D.body.scrollWidth);
	return Math.max
	(
		Math.max(D.body.scrollWidth, D.documentElement.scrollWidth)
	);
}

function getDocHeight() 
{
	var D = document;
	return Math.max
	(
		Math.max(D.body.scrollHeight, D.documentElement.scrollHeight),
		Math.max(D.body.offsetHeight, D.documentElement.offsetHeight),
		Math.max(D.body.clientHeight, D.documentElement.clientHeight)
	);
}

function getDocWidth() 
{
	var D = document;
	return Math.max
	(
		Math.max(D.body.scrollWidth, D.documentElement.scrollWidth),
		Math.max(D.body.offsetWidth, D.documentElement.offsetWidth),
		Math.max(D.body.clientWidth, D.documentElement.clientWidth)
	);
}