function theRotator(numimg, startimg, duration, transition) {

	//initialize
	var num_img = numimg;
	var start_img = startimg;
	$('div#rotator ul li').css({opacity: 0.0});
	$('div#rotator ul li#img' + (start_img)).css({opacity: 1.0});
	
	var cur = start_img;
	var next = (cur == num_img) ? 1 : cur+1;
	setTimeout("rotate(" + next + "," + cur + ", "+ num_img +", "+ duration +", "+ transition +")",8000);
};

function rotate(turnon, turnoff, num_img, duration, transition) {
	var cur = turnon;
	$("#img" + cur).css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, transition);

	var prev = turnoff;
	$("#img" + prev).animate({opacity: 0.0}, transition).removeClass('show');

	var next = (cur == num_img) ? 1 : cur+1;
	setTimeout("rotate(" + next + "," + cur + ", "+ num_img +", "+ duration +", "+ transition +")",8000);
};

$(document).ready(function() { theRotator(5,1,12000,1000); });