addLoadListener(startFade);

var imageCount = 0;
function startFade() {
	var imageContainer = document.getElementById('image_container');
	var images = imageContainer.getElementsByTagName('img');
	var imageTotal = images.length;
	
	
	imageCount++;
	if (imageCount == imageTotal+1) {
		imageCount = 1;
	}
	var thisImageID = 'image' + imageCount;
	document.getElementById(thisImageID).style.zIndex = '3';
	if (imageCount == imageTotal) {
		var nextImageID = 'image1';
	} else {
		var nextImageID = 'image' + (imageCount + 1);
	}
	document.getElementById(nextImageID).style.zIndex = '2';
	document.getElementById(nextImageID).style.display = 'block';
	setTimeout("fadeOut('" + thisImageID + "')", 2500);
	
}

function fadeOut(imageID) {
	var imageFadeOut = new YAHOO.util.Anim(imageID, { opacity: {to: 0}}, 3, YAHOO.util.Easing.easeNone);
	imageFadeOut.onComplete.subscribe(resortImages);
	imageFadeOut.animate();
}

function resortImages() {
	var thisImageID = 'image' + imageCount;
	document.getElementById(thisImageID).style.zIndex = '1';
	fadeIn(thisImageID);
	startFade();
}


function fadeIn(imageID) {
	var imageFadeIn = new YAHOO.util.Anim(imageID, { opacity: {to: 1}}, 3, YAHOO.util.Easing.easeNone);
	imageFadeIn.animate();
}