var images_count;
var images_interval;
var current_images = 0;
var old_images = 0;

$(document).ready(function(){
	images_count = $("div#illustration p").size();
	$("div#illustration p:eq(" + current_images + ")").css('top', '0');

	images_interval = setInterval(images_rotate,5000); //time in milliseconds
	$('div#illustration').hover(function() {
		clearInterval(images_interval);
	}, function() {
		images_interval = setInterval(images_rotate,5000); //time in milliseconds
		images_rotate();
	});
});

function images_rotate() {
	current_images = (old_images + 1) % images_count;
	$("div#illustration p:eq(" + old_images + ")").fadeOut("slow", function() {
		$(this).css('top','540px');
	});
	$("div#illustration p:eq(" + current_images + ")").css('display','none');
	$("div#illustration p:eq(" + current_images + ")").css('top','0');
	$("div#illustration p:eq(" + current_images + ")").fadeIn("slow");
	old_images = current_images;
}