function startrotate() {
	$('div#rotator ul li').css({ opacity: 0.0 });
	$('div#rotator ul li:first').css({ opacity: 1.0 });

	setInterval('rotate()', 3000);
}

function rotate() {
	var current = ($('div#rotator ul li.show') ? $('div#rotator ul li.show') : $('div#rotator ul li:first'));
	var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div#rotator ul li:first') : current.next()) : $('div#rotator ul li:first'));

	// next item
	next.css({ opacity: 0.0 })
		.addClass('show')
		.animate({ opacity: 1.0 }, 2000);

	// current item
	current.animate({ opacity: 0.0 }, 2000)
		.removeClass('show');
};