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

var d=document, imgs = new Array(), zInterval = null, current=0, pause=false;
var d2=document, imgs2 = new Array(), zInterval2 = null, current2=0, pause2=false;
	
function so_init() {
	if(!d.getElementById || !d.createElement)return;
	
	//css = d.createElement("link");
	//css.setAttribute("href","theme/fade.css");
	//css.setAttribute("rel","stylesheet");
	//css.setAttribute("type","text/css");
	//d.getElementsByTagName("head")[0].appendChild(css);
		
	imgs = d.getElementById("imageContainer").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,2000);
}

function so_init2() {
	if(!d2.getElementById || !d2.createElement)return;
		
	//css = d.createElement("link");
	//css.setAttribute("href","theme/fade.css");
	//css.setAttribute("rel","stylesheet");
	//css.setAttribute("type","text/css");
	//d.getElementsByTagName("head")[0].appendChild(css);
	
	var imageContainer2 = d2.getElementById("imageContainer2")
	if (imageContainer2 != null)
	{
		// code to center images
		var containerWidth = parseInt(imageContainer2.style.width);
		var containerHeight = parseInt(imageContainer2.style.height);
		imgs2 = imageContainer2.getElementsByTagName("img");
		if (imgs2.length > 0)
		{
			for(i2=0;i2<imgs2.length;i2++) {
				//hack to find image dimensions
				var tempImg = new Image();
				tempImg.src = imgs2[i2].src;
				var imgWidth = tempImg.width;
				var imgHeight = tempImg.height;
				var posLeft = 0;
				var posTop = 0;
				if (imgWidth > 0) // if the img width can't be found, left justify image
				{
					posLeft = (containerWidth - imgWidth) / 2;
				}
				if (imgHeight > 0) // if the img width can't be found, left justify image
				{
					posTop = (containerHeight - imgHeight) / 2;
				}
				imgs2[i2].style.left = posLeft + 'px';
				imgs2[i2].style.top = posTop + 'px';
			}
			for(i2=1;i2<imgs2.length;i2++) {
				imgs2[i2].xOpacity = 0;
			}
			
			imgs2[0].style.display = "block";
			imgs2[0].xOpacity = .99;
		
			setTimeout(so_xfade2,2000);
		}
	}
}

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