// jQuery code for photo gallery display
// Copyright ©2008 Kris R. Livingston
//


function loadImage(n) {
	showPointer(false);
	$("#mainImage").fadeOut("fast", finishLoad);
	currentImage = n;
	showPointer(true);
	return false;
}


function finishLoad() {
	var n = currentImage;
	$("#mainImage").removeClass("onePortrait").removeClass("oneLandscape");
	if (photos[n].portrait) {
		var img = "<img src='" + photos[n].largeImage + "' alt='' width='333' height='500' />";
		$("#mainImage").addClass("onePortrait").addClass("hidden").html(img);
	} else {
		var img = "<img src='" + photos[n].largeImage + "' alt='' width='500' height='333' />";
		$("#mainImage").addClass("oneLandscape").addClass("hidden").html(img);
	}
	$("#mainImage").fadeIn("fast");
	$("#captionMain").html(photos[currentImage].caption);
	if (photos[currentImage].caption == "") {
		$("#captionMain").html("&nbsp;");
	}
}

function nextImage(element) {
	showPointer(false);
	currentImage++;
	if (currentImage >= numImages) {
		currentImage = 0;
	}
	loadImage(currentImage);
	element.blur();
	return false;
}


function prevImage(element) {
	showPointer(false);
	currentImage--;
	if (currentImage < 0) {
		currentImage = numImages - 1;
	}
	loadImage(currentImage);
	element.blur(); // cause the button to be redrawn in the UP state
	return false;
}

function loadThumbs() {
	for (var n=0; n<numImages; n++) {
		var newThumb = "<div class='thumb hidden'><a href='#' onclick='return loadImage(" + n + ");'><img src='" + photos[n].thumbnail + "' width='85' height='85' /></a></div>";
		$(newThumb).insertBefore("#thumbnails");
	}
}


function showPointer(showIt) {
	var ptr = "";
	if (showIt) {
		ptr = "<div class='thumbPtr'><img src='../../images/thumbpointer.gif' width='85' height='7' /></div>";
	}
	var newThumb = "<a href='#' onclick='return loadImage(" + currentImage + ");'><img src='" + photos[currentImage].thumbnail + "' width='85' height='85' /></a>" + ptr;
	$("div.thumb:eq(" + currentImage + ")").html(newThumb);
}