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

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

var counterValue = 0;
var bahTwo = true;
function so_init() {
	if(!d.getElementById || !d.createElement)return;
	
	imgs = d.getElementById("imageOneContainer").getElementsByTagName("img");
	for(i=1;i<imgs.length;i++) imgs[i].xOpacity = 0;
	imgs[0].style.display = "block";
	imgs[0].xOpacity = .99;
		
	checkHeights(0);
	
	//setTimeout(so_xfade,4000);
}

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]);
	//alert(bahTwo);
	//alert(bahTwo);
			
	if(cOpacity<=0) {
		
		imgs[current].style.display = "none";
		current = nIndex;
		
		// check height of image and if falls outside of div then move up.
		x=new Image;
		x.src=imgs[current].src;
		
		iw=x.width;
		ih=x.height;
		ix=imgs[current].style.top;
		iy=imgs[current].style.left;
		//setTimeout(so_xfade,4000);
		imgs[previousImage].style.top = "0px";
		checkHeights(0);
		bahTwo = true;
		
	} else {
			setTimeout(so_xfade,50);
			//checkHeights(0);
	}
	
	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 checkHeights(dodis)
{
	ih = imgs[current].height;
	
	//alert (current);
	//if (current != 0) {
	//	previous = current - 1;
	//	imgs[previous].style.top = "0px";
	//} 
	if (ih > (302+20)) {
		ihd = ih - 302;
	
		//alert(ihd + ' ' + dodis);
		if (dodis < ihd) {
			topStr = imgs[current].style.top;
			pxStart = topStr.indexOf("px");
			topVal = topStr.substring(0,pxStart);
			//alert(topStr.substring(0,pxStart))
			imgs[current].style.top = (topVal - 1) + "px";
			dodis += 1;
			bahTwo = false;
			the_timeout = setTimeout("checkHeights("+ dodis +");", 50);
		} else {
			bahTwo = true;
			//alert("finished panning");
			//alert(current);
			setTimeout(so_xfade,4000);
			//checkHeights(0);
		}
	}
	else {
		setTimeout(so_xfade,4000);
	}
	previousImage = current;
}