document.observe("dom:loaded", onDocComplete);

var FADE_INTERVAL = 5000; //5 seconds before redisplay
var FADE_DURATION = 3.0 //3 seconds to switch
var xFadeFrames;
var currentFrame = 0;

function onDocComplete(evt)
{			
	var rotator = new Ajax.Updater('rotatorDiv', './rotator/rotator.html', {method: 'get', onComplete: inializeCrossfade});
	var news = new Ajax.Updater('newsDiv', './content.php?type=homeNews');
	var events = new Ajax.Updater('eventsDiv', './content.php?type=homeEvents');
}

function inializeCrossfade()
{
	//debugger;
	xFadeFrames = $$('.rotatingFrame'); 
	
	//alert ("there are " + xFadeFrames.length + " frames");

	xFadeFrames[0].show();
	fadeNext();
	
	//Crossfade.setup({autoLoad:false});							
	//var cf1 = new Crossfade('rotatorDiv', {autoStart:true});	
	var i = 0;
}

function fadeNext()
{

	if (xFadeFrames.length > 1)
	{
		setTimeout (fadeNext, FADE_INTERVAL);
	}

	var nextFrame = getRotatedNextFrame(currentFrame);
	var fadeOutEl = $(xFadeFrames[currentFrame]);
	//fadeOutEl.makePositioned();
	var fadeInEl = $(xFadeFrames[nextFrame]);
	//fadeOutEl.makePositioned();
	//debugger;
	
	//$(fadeOutElId).appear({duration: 3.0});
	
	//alert ("changing from " + fadeOutElId + " to " + fadeInElId);
	
	var e = new Effect.Parallel([
									new Effect.Fade(fadeOutEl, { sync: true }), 
									new Effect.Appear(fadeInEl, { sync: true })
								], 
								{ 
									duration: FADE_DURATION,
									delay: 0.1
								});
	currentFrame = nextFrame;
	
}


function getRotatedNextFrame(frameNum)
{
	var ret = frameNum + 1;
	ret = (ret == xFadeFrames.length) ? 0 : ret;
	return ret;
}