var contents;
var currentContent = 1;
var period = 10000;
var fadeDuration = 300;

$(document).ready(function() {
	//calculateContainerWidth();
	
	jQuery.fx.interval = 50;
	
	contents = new Array();
	$('#imageFader').children('div').each(function(index, value) { 
		$(value).hide();
		contents.push(value);
	});
	$(contents[0]).show();
	$(contents[1]).show();
	//alert(contents);
	
	setInterval(onInterval, period);

	// alert (contents.num);
});

function onInterval(){
	// alert (contents.length-1);
	if (currentContent < contents.length-1){
		$(contents[currentContent]).fadeOut(fadeDuration);
		$(contents[currentContent+1]).delay(fadeDuration).fadeIn(fadeDuration);
		//$(contents[currentContent+1]).fadeIn(fadeDuration);
		currentContent++;
	}else {
		$(contents[currentContent]).fadeOut(fadeDuration);
		$(contents[1]).delay(fadeDuration).fadeIn(fadeDuration);
		//$(contents[1]).fadeIn(fadeDuration);
		currentContent = 1;
	}
}