var animationTime = 0.75; //how long the fade takes, in seconds
var delay = 2.5; //how long to wait between fades, in seconds
var initialDelay = 2.5; //how long to wait before starting the fades

var bannerDivs;
var bannerFadeIn = Array();
var bannerFadeOut = Array();

var currentShowing = 0;
var attributesIn = {
	opacity: { to: 1 }
};
var attributesOut = {
	opacity: { to: 0 }
};

function initRotateBanner() {
	bannerDivs = document.getElementsBySelector("#content-main .content-home-group");
	for(var i=0; i<bannerDivs.length; i++) {
		bannerFadeIn[i] = new YAHOO.util.Anim(bannerDivs[i], attributesIn);
		bannerFadeIn[i].duration = animationTime;
		bannerFadeOut[i] = new YAHOO.util.Anim(bannerDivs[i], attributesOut);
		bannerFadeOut[i].duration = animationTime;
	}
	setTimeout("rotateBanner()", initialDelay*1000);
}
function rotateBanner() {
	bannerFadeOut[currentShowing].animate();
	bannerFadeIn[(currentShowing+1)%3].animate();
	currentShowing=(currentShowing+1)%3;
	setTimeout("rotateBanner()", delay*1000);
}

YAHOO.util.Event.addListener(window, "load", initRotateBanner);