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

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

$(document).ready(function(){

	$("."+className).attr("id", function (arr) {
		total_divs++;
		return "fade" + (arr+1);
	})
	fadeEngine(0);
});


function fadeEngine(x) {
	var y=x;
	if(x==total_divs) { y=1; }
	else { y++; }

	$("#fade"+x).css("display","none");
	//$("#fade"+x).fadeOut("slow");
	$("#fade"+y).fadeIn("slow");
	setTimeout('fadeEngine('+y+')',5000);
}