var imageAt = 1;

var fadeTopLeft, fadeBottomLeft;
var fadeTopMiddle, fadeBottomMiddle;
var fadeTopRight, fadeBottomRight;


var imageSets = [['left1.jpg', 'middle1.jpg', 'right1.jpg'],
									['left2.jpg', 'middle2.jpg', 'right2.jpg'],
									['left3.jpg', 'middle3.jpg', 'right3.jpg']];
									

function myfade () {
	var e = fadeTopLeft;
	fadeTopLeft = fadeBottomLeft;
	fadeBottomLeft = e;

	e = fadeTopMiddle;
	fadeTopMiddle = fadeBottomMiddle;
	fadeBottomMiddle = e;

	e = fadeTopRight;
	fadeTopRight = fadeBottomRight;
	fadeBottomRight = e;

	imageAt++;
	if(imageAt >= imageSets.length) imageAt = 0;
	fadeBottomLeft.src = 'images/top/' + imageSets[imageAt][0];
	fadeBottomMiddle.src = 'images/top/' + imageSets[imageAt][1];
	fadeBottomRight.src = 'images/top/' + imageSets[imageAt][2];
	
}

function rotateImages() {
	Effect.Fade(fadeTopLeft, {duration: 2.0 });
	Effect.Appear(fadeBottomLeft, {duration: 2.0 });

	Effect.Fade(fadeTopMiddle, {duration: 2.0 });
	Effect.Appear(fadeBottomMiddle, {duration: 2.0});

	Effect.Fade(fadeTopRight, {duration: 2.0 });
	Effect.Appear(fadeBottomRight, {duration: 2.0, afterFinish: myfade });

}


Event.observe(window, 'load', function() {
	fadeTopLeft = $('rotationLeft1');
	fadeBottomLeft = $('rotationLeft2');
	fadeTopMiddle = $('rotationMiddle1');
	fadeBottomMiddle = $('rotationMiddle2');
	fadeTopRight = $('rotationRight1');
	fadeBottomRight = $('rotationRight2');
	
	// preload the next set																		 
	fadeBottomLeft.src = 'images/top/' + imageSets[imageAt][0];
	fadeBottomMiddle.src = 'images/top/' + imageSets[imageAt][1];
	fadeBottomRight.src = 'images/top/' + imageSets[imageAt][2];
	setInterval(rotateImages, 6500);
	
});