var actImage = 0;
var imageWidth = 320;
var animationTime = 1000;
var nrImages;
var imageContainerWidth;

$(document).ready( function() {
	nrImages = $("#largePicContainer img").length;
	imageContainerWidth = $("#largePicContainer div").width();
	
	
	$(".prev").click( function() {
		prevImage();	
		return false;
	});

	$(".next").click( function() {
		nextImage();	
		return false;
	});

});


function prevImage() {
	if( actImage > 0 ) {
		actImage--;
		var val = "-" + (actImage * imageWidth) + "px";
	} else {
		actImage = nrImages-1;
		var val = "-" + (imageContainerWidth - imageWidth *2 ) + "px";
	}
	
	$("#largePicContainer div").animate({"left": val}, animationTime);
}

function nextImage() {
	if( actImage < nrImages-1 ) {
		actImage++;
		var val = "-" + (actImage * imageWidth) + "px";		
	} else {
		actImage = 0;
		var val = "0px";
	}
	
	$("#largePicContainer div").animate({"left": val}, animationTime);
}