// JavaScript Document

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