var first = true;

function rotateSlides(n){
	var teasers = $('#teasers li');
	var t = $(teasers.get(n)).html();
	
	if(first){
		// set the first slide immediately
		$('#teasers-current').html(t);
		first = false;
		n++;
		rotateSlides(n);
	} else {	
		setTimeout(function(){
			$('#teasers-current').fadeOut('fast', function(){
				$(this).html(t).fadeIn('fast', function(){
					(n < teasers.size() - 1) ? n++ : n = 0;
					rotateSlides(n);
				});
			});
		}, 12000);
	}
}

$(function(){
	rotateSlides(0);
});