// this array consists of the id attributes of the divs we wish to alternate between
var divs_to_fade;
		
// the starting index in the above array.  It should be set to the value of the div which doesn't have the CSS Display property set to "none"
var gImageCounter = 0;
var gImageLoop = 0;
			
// the number of milliseconds between swaps.  Default is five seconds.
var wait = 5000;

// the function that performs the fade
function swapFade() {
  Effect.Fade(divs_to_fade[gImageCounter], { duration:1, from:1.0, to:0.0 });
  gImageCounter++;
  if (gImageCounter >= divs_to_fade.size()) gImageCounter = 0;
  Effect.Appear(divs_to_fade[gImageCounter], { duration:1, from:0.0, to:1.0 });
}
			
// the onload event handler that starts the fading.
function startTextRotate() {
  divs_to_fade = $$(".rotationElement");
  var count = 0;
  divs_to_fade.each(function(elem)
      {
        if(elem.visible()) gImageCounter = gImageLoop;
        gImageLoop++;
      });
  setInterval('swapFade()',wait);
}