var imageIndex = new Array();
var imageCount = 0;
var imagePath;
var thumbnailPoolScrollLevel = 0;
var currentImage;
var currentImagePosition;


function initialisePhotoTour(images, path, defaultImage) {
	imageIndex = images;
	imagePath = path;
	currentImage = defaultImage;
}


function loadPhotoTour() {
	var thumbnailPoolObject = document.getElementById("thumbnailPool");
	var thumbnailPoolContent = "";
	imageCount=0;
	
	for (var i in imageIndex) {
		thumbnailPoolContent += "<div id=\"image" + i + "\" class=\"thumbnail\" onclick=\"setCurrentImage(\'" + i + "\')\" onmouseover=\"setElementTransparency(this, 85)\" onmouseout=\"setElementTransparency(this, 100)\" style=\"background-image:url(" + imagePath + "tn/" + i + ".jpg)";
		if (getCurrentImagePosition(i) % 3 == 2) {
			thumbnailPoolContent += ";margin-right:0px";
		}
		thumbnailPoolContent += "\"></div>";
		imageCount++;
	}
	
	thumbnailPoolObject.innerHTML = thumbnailPoolContent;
	setCurrentImage(currentImage);
}


function setCurrentImage(imageId) {
	var mainPhotoObject = document.getElementById("mainPhoto");
	var captionTextObject = document.getElementById("captionText");
	var currentThumbnailObject = document.getElementById("image" + imageId);
	mainPhotoObject.style.background = "url(" + imagePath + imageId + ".jpg)";
	for (var i in imageIndex) {
		var thumbnailObject = document.getElementById("image" + i);
		thumbnailObject.style.border = "2px solid #FFFFFF";
	}
	currentThumbnailObject.style.border = "2px solid #FF6600";
	captionTextObject.innerHTML = imageIndex[imageId];
	currentImage = imageId;
	currentImagePosition = getCurrentImagePosition(imageId);
}


function buttonNextOnClick() {
	if (currentImagePosition < imageCount - 1) {
		setCurrentImage(getImageIdByPosition(currentImagePosition + 1));
	}
}


function buttonPreviousOnClick() {
	if (currentImagePosition > 0) {
		setCurrentImage(getImageIdByPosition(currentImagePosition - 1));
	}
}


function scrollThumbnailPoolUp() {
	if (thumbnailPoolScrollLevel > 0) {
		thumbnailPoolScrollLevel--;
		for (var i = thumbnailPoolScrollLevel * 3; i < thumbnailPoolScrollLevel * 3 + 3; i++) {
			var imageId = getImageIdByPosition(i);
			var thumbnailObject = document.getElementById("image" + imageId);
			thumbnailObject.style.display = "block";
		}
	}
}


function scrollThumbnailPoolDown() {
	if (thumbnailPoolScrollLevel < imageCount / 3 - 5) {
		thumbnailPoolScrollLevel++;
		for (var i = 0; i < thumbnailPoolScrollLevel * 3; i++) {
			var imageId = getImageIdByPosition(i);
			var thumbnailObject = document.getElementById("image" + imageId);
			thumbnailObject.style.display = "none";
		}
	}
}


function getCurrentImagePosition(imageId) {
	var currentPosition;
	var count = 0;
	for (var i in imageIndex) {
		if (i == imageId) {
			currentPosition = count;
		}
		count++;
	}
	return currentPosition;
}


function getImageIdByPosition(position) {
	var imageId;
	var count = 0;
	for (var i in imageIndex) {
		if (count == position) {
			imageId = i;
		}
		count++;
	}
	return imageId;
}