var current = 0;

function switchImages() {
	current++;

	var image = new Image();
	
	image.onload = function() {
		jQuery('#c_rotate').animate({opacity:'0'}, {queue:true,duration:1000})
							  .queue( function() {
								$(this).attr('src', image.src );
								$(this).dequeue();
							  })
							  .animate({opacity:1}, {queue:true,duration:1000}).
							  queue( function() {
							  		setTimeout( function() {
										switchImages();
									}, 3000 );
									$(this).dequeue();
								});
	}
	
	if( current > images_on_rotate.length-1 ) {
		current = 0;
	}
	
	image.src = images_on_rotate[current];
}