var total_divs=0; //do not change this. it will be calculated automatically
var className='teaser'; //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 y=x;
    if(x==total_divs) y=1; else y++;
	$("#fade"+y).fadeIn(500).fadeTo(10000, 1).fadeOut(500);
    setTimeout('fadeEngine('+y+')',10500);
}


