/*****

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);

var d=document;

imgs1 = new Array();
imgs2 = new Array();
// imgs3 = new Array();
// imgs4 = new Array();

zInterval = null;
current=0;
pause=false;

function so_init() {

	if(!d.getElementById || !d.createElement)return;
	
	
	
	imgs1 = d.getElementById("imageContainer1").getElementsByTagName("img");
	for(i=1;i<imgs1.length;i++) imgs1[i].xOpacity = 0;
	imgs1[0].style.display = "block";
	imgs1[0].xOpacity = .99;

	imgs2 = d.getElementById("imageContainer2").getElementsByTagName("img");
	for(j=1;j<imgs2.length;j++) imgs2[j].xOpacity = 0;
	imgs2[0].style.display = "block";
	imgs2[0].xOpacity = .99;

	// imgs3 = d.getElementById("imageContainer3").getElementsByTagName("img");
	// for(k=1;k<imgs3.length;k++) imgs3[k].xOpacity = 0;
	// imgs3[0].style.display = "block";
	// imgs3[0].xOpacity = .99;

	// imgs4 = d.getElementById("imageContainer4").getElementsByTagName("img");
	// for(l=1;l<imgs4.length;l++) imgs4[l].xOpacity = 0;
	// imgs4[0].style.display = "block";
	// imgs4[0].xOpacity = .99;
	
	setTimeout(so_xfade,1000);
}

function so_xfade() {
	
	cOpacity = imgs1[current].xOpacity;
	nIndex = imgs1[current+1]?current+1:0;
	nOpacity = imgs1[nIndex].xOpacity;
	
	cOpacity-=.07; <!-- both values originally .05 -->
	nOpacity+=.07;
	
	imgs1[nIndex].style.display = "block";
	imgs1[current].xOpacity = cOpacity;
	imgs1[nIndex].xOpacity = nOpacity;

	imgs2[nIndex].style.display = "block";
	imgs2[current].xOpacity = cOpacity;
	imgs2[nIndex].xOpacity = nOpacity;

	// imgs3[nIndex].style.display = "block";
	// imgs3[current].xOpacity = cOpacity;
	// imgs3[nIndex].xOpacity = nOpacity;

	// imgs4[nIndex].style.display = "block";
	// imgs4[current].xOpacity = cOpacity;
	// imgs4[nIndex].xOpacity = nOpacity;


	
	setOpacity(imgs1[current]); 
	setOpacity(imgs1[nIndex]);

	setOpacity(imgs2[current]); 
	setOpacity(imgs2[nIndex]);

	// setOpacity(imgs3[current]); 
	// setOpacity(imgs3[nIndex]);

	// setOpacity(imgs4[current]); 
	// setOpacity(imgs4[nIndex]);

	
	if(cOpacity<=0) {
		imgs1[current].style.display = "none";
		imgs2[current].style.display = "none";
		// imgs3[current].style.display = "none";
		// imgs4[current].style.display = "none";

		current = nIndex;

		setTimeout(so_xfade,2000); 
	} 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 showLargePortrait(name)

{
	//img = d.getElementById("largePortrait");
	//img.src = "images/about_us/" + name + "_large.jpg";
	
	imgName = d.getElementById("name");
	imgName.src = "images/about_us/" + name + "_name.gif";
}

function hideLargePortrait()

{
	//img = d.getElementById("largePortrait");
	//img.src = "images/global/ds_building.jpg";

	imgName = d.getElementById("name");
	imgName.src = "images/about_us/blank.jpg";
}