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 = "";
	var isSet=0;
	for (var i in imageIndex) {
		
	if(i.search("thumbnail") == -1) {	
		
		if(isSet!=1) {
			currentImage=i;
			isSet=1;	
		}
		
		thumbnailPoolContent += "<div id=\"image" + i + "\" class=\"thumbnail\" onclick=\"setCurrentImage(\'" + i + "\')\"  style=\"background-image:url(" + imagePath.replace(/\s/g,"-") + "/tn/" + i.replace(/\s/g,"%20") + ")";
		
		if (getCurrentImagePosition(i) % 5 == 4) {
			thumbnailPoolContent += ";margin-right:0px";
		}
		thumbnailPoolContent += "\"></div>";
		imageCount++;
				   }
	
	}
	
	thumbnailPoolObject.innerHTML = thumbnailPoolContent;
	setCurrentImage(currentImage);
}


function setCurrentImage(imageId) {
	if(imageId!="0") {
	
	var mainPhotoObject = document.getElementById("mainPhoto");
	var captionTextObject = document.getElementById("captionText");
	var currentThumbnailObject = document.getElementById("image" + imageId);
	var previousThumbnailObject = document.getElementById("image" + currentImage);
	
	mainPhotoObject.style.background = "url(" + imagePath.replace(/\s/g,"-") + imageId.replace(/\s/g,"%20") + ") no-repeat";
		previousThumbnailObject.innerHTML="";
	currentThumbnailObject.innerHTML="<div class=\"thumb-border\" style=\"padding:0; margin:0; border:0; width:114px; height:75px; border:4px solid #FF6600;\"><\div>";

	


	for (var i in imageIndex) {
		var thumbnailObject = document.getElementById("image" + i);
		
	}
	
	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 * 5; i < thumbnailPoolScrollLevel * 5 + 5; i++) {
			var imageId = getImageIdByPosition(i);
			var thumbnailObject = document.getElementById("image" + imageId);
			thumbnailObject.style.display = "block";
		}
	}
}


function scrollThumbnailPoolDown() {
	if ((thumbnailPoolScrollLevel+1) < imageCount / 5) {
		thumbnailPoolScrollLevel++;
		for (var i = 0; i < thumbnailPoolScrollLevel * 5; 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;
}