var videoIndex = new Array();
var videoCount = 0;
var videoPage;
var videoPath;
var thumbnailPath;
var thumbnailPoolScrollLevel = 0;


function initialiseVideoGallery(videoIndexParam, videoPageParam, videoPathParam, thumbnailPathParam) {
	videoIndex = videoIndexParam;
	videoPage = videoPageParam;
	videoPath = videoPathParam;
	thumbnailPath = thumbnailPathParam;
}


function loadVideoGallery() {
	var thumbnailPoolContent = "";
	
	for (var videoName in videoIndex) {
		thumbnailPoolContent += "<div id=\"" + videoName + "\" class=\"videoThumbnail\" onmouseover=\"setElementTransparency(this, 90)\" onmouseout=\"setElementTransparency(this, 100)\" style=\"background: url(../media/images/video-gallery/tn/" + videoName + ".jpg) no-repeat center top;\">";
		thumbnailPoolContent += "<a class=\"videoThumbnailMask\" href=\"" + videoPage + "?video=" + videoName + "\"></a>";
		thumbnailPoolContent += "<a class=\"videoThumbnailCaption\" href=\"" + videoPage + "?video=" + videoName + "\">" + videoIndex[videoName] + "</a>";
		thumbnailPoolContent += "</div>";
		videoCount++;
	}
	
	var videoThumbnailPoolObject = document.getElementById("videoThumbnailPool");
	videoThumbnailPoolObject.innerHTML = thumbnailPoolContent;
}


function scrollThumbnailPoolUp() {
	if (thumbnailPoolScrollLevel > 0) {
		thumbnailPoolScrollLevel--;
		var thumbnailObject = document.getElementById(getThumbnailIdByPosition(thumbnailPoolScrollLevel));
		thumbnailObject.style.display = "block";
	}
}


function scrollThumbnailPoolDown() {
	if (thumbnailPoolScrollLevel < videoCount - 3) {
		var thumbnailObject = document.getElementById(getThumbnailIdByPosition(thumbnailPoolScrollLevel));
		thumbnailObject.style.display = "none";
		thumbnailPoolScrollLevel++;
	}
}

function getThumbnailIdByPosition(positionParam) {
	var thumbnailId;
	var positionCount = 0;
	for (var videoName in videoIndex) {
		if (positionParam == positionCount) {
			thumbnailId = videoName;
		}
		positionCount++;
	}
	return(thumbnailId);
}