/******************************************************************************
**    WBSBanner Image Cross Fade					     **
**    Version 1.0							     **
**    Last revision: 07/10/2008						     **
**    									     **
**    Adapatado por WBSGo y basado en código libre (Image Cross Fade Redux). **
******************************************************************************/
/*****

Image Cross Fade Redux
Version 1.0
Last revision: 02.15.2006
steve@slayeroffice.com

Please leave this notice intact. 

Rewrite of old code found here: http://slayeroffice.com/code/imageCrossFade/index.html


*****/


window.addEventListener?window.addEventListener("load",init,false):window.attachEvent("onload",init);

var d=document, imgs = new Array(), zInterval = null, current=0, nIndex=1, pause=false;

var inprocess, nImages, interval;

function init() {
	if(!d.getElementById || !d.createElement)return;
	/*** Configuración ****/
	this.nImages = 17;
	this.interval = 3000;

	var paths = new Array();

	paths[0] = "/museoreinasofia/live/images/banner/modernidad1_en.gif";	
	paths[1] = "/museoreinasofia/live/images/banner/Banner_ingles2.gif";	
	paths[2] = "/museoreinasofia/live/images/banner/Banner_Ingles3.gif";	
	paths[3] = "/museoreinasofia/live/images/banner/modernidad4_en.gif";	


					
	var alts = new Array();

	alts[0] = "Modernidad invertida";
	alts[1] = "Modernidad invertida";
	alts[2] = "Modernidad invertida";
	alts[3] = "Modernidad invertida";

				
	var links = new Array();

	links[0] = "http://www.museoreinasofia.es/exposiciones/modernidad-invertida_en.html";
	links[1] = "http://www.museoreinasofia.es/exposiciones/modernidad-invertida_en.html";
	links[2] = "http://www.museoreinasofia.es/exposiciones/modernidad-invertida_en.html";
	links[3] = "http://www.museoreinasofia.es/exposiciones/modernidad-invertida_en.html";
 
	
		
	/****************/

	for (i=0; i < paths.length; i++) {
		lnk = d.createElement("a");
		lnk.href = links[i];

		img = d.createElement("img");
		img.src = paths[i];
		img.alt = alts[i];
		img.style.display= "none";
		
		imgs[i] = img;

		lnk.appendChild(img);
		d.getElementById("imageContainer").appendChild(lnk);
	}

	css = d.createElement("link");
	css.setAttribute("href","/museoreinasofia/live/css/banner_js.css");
	css.setAttribute("rel","stylesheet");
	css.setAttribute("type","text/css");
	d.getElementsByTagName("head")[0].appendChild(css);

	for(i=1;i<imgs.length;i++) imgs[i].xOpacity = 0;
	imgs[0].style.display = "block";
	imgs[0].xOpacity = .99;
	
	this.inprocess = setTimeout(fade,this.interval);
}

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

function fade() {
	cOpacity = imgs[this.current].xOpacity;

	nOpacity = imgs[this.nIndex].xOpacity;
	
	cOpacity-=.05; 
	nOpacity+=.05;
	
	imgs[this.nIndex].style.display = "block";
	imgs[this.current].xOpacity = cOpacity;
	imgs[this.nIndex].xOpacity = nOpacity;
	
	setOpacity(imgs[this.current]); 
	setOpacity(imgs[this.nIndex]);
	
	if(cOpacity<=0) {
		imgs[this.current].style.display = "none";
		this.current = this.nIndex;
		this.nIndex = imgs[this.current+1]?this.current+1:0;
		this.inprocess = setTimeout(fade,this.interval);
	} else {
		this.inprocess = setTimeout(fade,50);
	}
}

function ps() {
	/* Stop */
	if (!this.pause) {
		clearTimeout(this.inprocess);
		this.pause = true;
        }
	/* Play */
	else {
		this.inprocess = setTimeout(fade,50);
		this.pause = false;
	}
}

function nextImg() {
	this.pause = true;
	clearTimeout(this.inprocess);
	ps();
}

function lastImg() {
	this.pause = true;
	clearTimeout(this.inprocess);
	var n = imgs[this.current-1]?this.current-1:this.nImages-1;
	imgs[n].xOpacity = imgs[this.nIndex].xOpacity;
	this.nIndex=n;

	setOpacity(imgs[this.current]); 
	setOpacity(imgs[this.nIndex]);
	ps();
}