var currentIndex = 1;
var picturePrefix = "67-Grad-Nord_";
var picturePostfix = ".jpg";
var pictureCount = 21;

function initGallery() {
	//setMainImage("");
	showImage(1);
	$('#stageImg').css("cursor", "pointer");
	$('#stageImg').click(function() {   
			nextImage();   
	});
}

function showImage(index) {
	var indexString = (index < 10) ? "0" + index : "" + index;
	var imageURL = "img/gallery/" + picturePrefix + indexString + picturePostfix;
	setMainImage(imageURL);
}

function nextImage() {
	if((currentIndex+1) > pictureCount) {
		currentIndex = 1;
	}
	else {
		currentIndex = currentIndex + 1;
	}
	showImage(currentIndex);
}

function prevImage() {
	if(currentIndex == 1) {
		currentIndex = pictureCount;
	}
	else {
		currentIndex = currentIndex - 1;
	}
	showImage(currentIndex);
}