$(document).ready(function () {

	for(i=1; i<=carousel_total; i++)
	{
		$('#carousel_'+i).animate({ opacity: 0 }, 100);
	}

	show_next_image(0);

});

function show_next_image(id)
{
	
	to_show = id+1;
	
	if (to_show > carousel_total) to_show = 1;
	
	$('#carousel_'+to_show).show()
	$('#carousel_'+to_show).animate({ opacity: 1 }, 800, function() { $('#carousel_'+id).hide() });
	$('#carousel_'+id).animate({ opacity: 0 }, 800);
	
	setTimeout( function() {
		show_next_image(to_show);
	}, 6000);	
	
}