// JavaScript Document

function changeImage() {
	var imagesInShow = "8";
	var currentImage = $("#counter").html();
	currentImage = parseInt( currentImage );
	
	if( currentImage == imagesInShow ) {
		var nextImage =	1;
	} else {
		var nextImage = currentImage + 1;	
	}
	
	var currentSrc = $(".infront img").attr("src");
	var nextSrc = "images/image" + nextImage + ".jpg";
	
	$(".behind img").attr("src" , currentSrc);
	$(".infront").css("display" , "none");
	
	$(".infront img").attr("src" , nextSrc);
	
	$(".infront").fadeIn(2000);
	
	$("#counter").html( nextImage );
	
	// !!!IMPORTANT!!!
	setTimeout('changeImage()',7000);
}

$(document).ready( function() {

})