// JavaScript Document

var total_divs=0; //do not change this. it will be calculated automatically

var className='rotate'; //name of your class assigned to the divs you would like to rotate. Need to change it

$(document).ready(function(){



$("."+className).attr("id", function (arr) {

total_divs++;

return "fade" + (arr+1);

})

fadeEngine(0);

});


function fadeEngine(x) {

var total_divs=3; //set your own number of divs

		var y=x;

		if(x==total_divs) y=1; else y++;

		$("#fade"+x).css("display","none");

		$("#fade"+y).fadeIn("slow");

		setTimeout('fadeEngine('+y+')',9000); //modify 3000 to set the time in miliseconds for a div to be shown

	}


fadeEngine(0); //initialisation of the script