/*****

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",so_init,false):window.attachEvent("onload",so_init);
window.addEventListener?window.addEventListener("load",so_init3,false):window.attachEvent("onload",so_init3);
window.addEventListener?window.addEventListener("load",so_init4,false):window.attachEvent("onload",so_init4);
window.addEventListener?window.addEventListener("load",so_init5,false):window.attachEvent("onload",so_init5);

var d=document, imgs = new Array(), zInterval = null, current=0, pause=false;
var d3=document, imgs3 = new Array(), zInterval3 = null, current3=0, pause3=false;
var d4=document, imgs4 = new Array(), zInterval4 = null, current4=0, pause4=false;
var d5=document, imgs5 = new Array(), zInterval5 = null, current5=0, pause5=false;

function so_init() {
	if(!d.getElementById || !d.createElement)return;
	
	css = d.createElement("link");
	css.setAttribute("href","xfade2.css");
	css.setAttribute("rel","stylesheet");
	css.setAttribute("type","text/css");
	d.getElementsByTagName("head")[0].appendChild(css);
	
	imgs = d.getElementById("imageDetails2").getElementsByTagName("img");
	for(i=1;i<imgs.length;i++) imgs[i].xOpacity = 0;
	imgs[0].style.display = "block";
	imgs[0].xOpacity = .99;
	
	/*setTimeout(so_xfade,1000)*/;
}

function so_xfade() {
	cOpacity = imgs[current].xOpacity;
	nIndex = imgs[current+1]?current+1:0;
	nOpacity = imgs[nIndex].xOpacity;
	
	cOpacity-=.05; 
	nOpacity+=.05;
	
	imgs[nIndex].style.display = "block";
	imgs[current].xOpacity = cOpacity;
	imgs[nIndex].xOpacity = nOpacity;
	
	setOpacity(imgs[current]); 
	setOpacity(imgs[nIndex]);
	
	if(cOpacity<=0) {
		imgs[current].style.display = "none";
		current = nIndex;
		/* setTimeout(so_xfade,1000); */
	} else {
		setTimeout(so_xfade,50);
	}
	
	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 so_init3() {
	if(!d3.getElementById || !d3.createElement)return;
	
	css = d3.createElement("link");
	css.setAttribute("href","xfade2.css");
	css.setAttribute("rel","stylesheet");
	css.setAttribute("type","text/css");
	d3.getElementsByTagName("head")[0].appendChild(css);
	
	imgs3 = d3.getElementById("imageDetails3").getElementsByTagName("img");
	for(i=1;i<imgs3.length;i++) imgs3[i].xOpacity = 0;
	imgs3[0].style.display = "block";
	imgs3[0].xOpacity = .99;
	
	/*setTimeout(so_xfade3,1000)*/;
}

function so_xfade3() {
	cOpacity = imgs3[current3].xOpacity;
	nIndex = imgs3[current3+1]?current3+1:0;
	nOpacity = imgs3[nIndex].xOpacity;
	
	cOpacity-=.05; 
	nOpacity+=.05;
	
	imgs3[nIndex].style.display = "block";
	imgs3[current3].xOpacity = cOpacity;
	imgs3[nIndex].xOpacity = nOpacity;
	
	setOpacity(imgs3[current3]); 
	setOpacity(imgs3[nIndex]);
	
	if(cOpacity<=0) {
		imgs3[current3].style.display = "none";
		current3 = nIndex;
		/* setTimeout(so_xfade3,1000); */
	} else {
		setTimeout(so_xfade3,50);
	}
	
	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 so_init4() {
	if(!d4.getElementById || !d4.createElement)return;
	
	css = d4.createElement("link");
	css.setAttribute("href","xfade2.css");
	css.setAttribute("rel","stylesheet");
	css.setAttribute("type","text/css");
	d4.getElementsByTagName("head")[0].appendChild(css);
	
	imgs4 = d4.getElementById("imageDetails4").getElementsByTagName("img");
	for(i=1;i<imgs4.length;i++) imgs4[i].xOpacity = 0;
	imgs4[0].style.display = "block";
	imgs4[0].xOpacity = .99;
	
	setTimeout(so_xfade4,2000);
}

function so_xfade4() {
	cOpacity = imgs4[current4].xOpacity;
	nIndex = imgs4[current4+1]?current4+1:0;
	nOpacity = imgs4[nIndex].xOpacity;
	
	cOpacity-=.05; 
	nOpacity+=.05;
	
	imgs4[nIndex].style.display = "block";
	imgs4[current4].xOpacity = cOpacity;
	imgs4[nIndex].xOpacity = nOpacity;
	
	setOpacity(imgs4[current4]); 
	setOpacity(imgs4[nIndex]);
	
	if(cOpacity<=0) {
		imgs4[current4].style.display = "none";
		current4 = nIndex;
		setTimeout(so_xfade4,2000);
	} else {
		setTimeout(so_xfade4,60);
	}
	
	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 so_init5() {
	if(!d5.getElementById || !d5.createElement)return;
	
	css = d5.createElement("link");
	css.setAttribute("href","xfade2.css");
	css.setAttribute("rel","stylesheet");
	css.setAttribute("type","text/css");
	d5.getElementsByTagName("head")[0].appendChild(css);
	
	imgs5 = d5.getElementById("imageDetails5").getElementsByTagName("img");
	for(i=1;i<imgs5.length;i++) imgs5[i].xOpacity = 0;
	imgs5[0].style.display = "block";
	imgs5[0].xOpacity = .99;
	
	setTimeout(so_xfade5,2000);
}

function so_xfade5() {
	cOpacity = imgs5[current5].xOpacity;
	nIndex = imgs5[current5+1]?current5+1:0;
	nOpacity = imgs5[nIndex].xOpacity;
	
	cOpacity-=.05; 
	nOpacity+=.05;
	
	imgs5[nIndex].style.display = "block";
	imgs5[current5].xOpacity = cOpacity;
	imgs5[nIndex].xOpacity = nOpacity;
	
	setOpacity(imgs5[current5]); 
	setOpacity(imgs5[nIndex]);
	
	if(cOpacity<=0) {
		imgs5[current5].style.display = "none";
		current5 = nIndex;
		setTimeout(so_xfade5,2000);
	} else {
		setTimeout(so_xfade5,60);
	}
	
	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) + ")";
	}
	
}