var imageTimer;
var textTimer;
var totalElements;

$(document).ready(
	function() {
		totalElements = $(".imageElement").size();
		clearTimeout(imageTimer);
		imageTimer = setTimeout("ChangeImage(0)", "50")
	}
);

function ChangeImage(number)
{
	$('.textElement:eq(' + number + ')').fadeOut('slow');
	$(".imageElement").css({'display': 'none','visibility': 'hidden'});
	
	var nextNumber = number + 1;
	
	if (nextNumber >= totalElements) {
		nextNumber = 0;
	}
	
 	$(".imageElement:eq(" + number + ")").css({'display':'block', 'opacity':'0' , 'visibility':'visible'}).animate({"opacity":1},300, "linear", null).animate({"opacity":1},300, "linear", null);
	
	 
	clearTimeout(imageTimer);
	imageTimer = setTimeout("ChangeImage(" + nextNumber + ")", "3500")
}