// JavaScript Document
			$(function() {
				var curImg = 0;
				var arrayImg = new Array;
				var thumbnailOnScreenMax = 12;
				var thumbnailFirst = 0;  // this is zero based counting
				var thumbnailScroll = 12;
				
				function UpdateThumbnailsSeen(minSeen, maxSeen) {
					$("span.img-min-seen").html(minSeen);
					$("span.img-max-seen").html(maxSeen);
				}
				
				function ReplaceMainImage(imgIndex) {
					$("#gallery-image-container img").attr("src", arrayImg[imgIndex].href);
					curImg = imgIndex;
					$("#photo-details").empty().append(arrayImg[imgIndex].description);
				}

				// Creates arrays of data based on images and thumbnails listed above 
				$(".thumbnail-anchor").each(function(index, item) {
					var imgObject = new Object;
					this.index = index;
					imgObject.href = item.href;
					imgObject.description = $(item).find(".img-description").html();
					arrayImg[index] = imgObject;
					$(item).removeAttr("href");
					if (index > thumbnailOnScreenMax - 1) {
						// Hide all thumbnails greater than thumbnailOnScreenMax
						$(item).addClass("hidden");
					}
				});
				
				// maximum number of thumbnails put in appropriate place
				$("span.img-max").html(arrayImg.length);
				// initialize what thumbnails are visible
				UpdateThumbnailsSeen(thumbnailFirst + 1, Math.min(arrayImg.length, thumbnailOnScreenMax));
								
				// When a thumbnail is clicked on, this function gets called
				$(".thumbnail-anchor").click(function(event) {
					curImg =  this.index;
					ReplaceMainImage(this.index);
				});
				
				// called when thumbs-prev is clicked on
				$(".thumbs-prev").click(function(event) {
					var thumbnailFirstOld = thumbnailFirst;
					if (thumbnailFirst === 0) {
						return;
					}
					thumbnailFirst = Math.max(thumbnailFirst - thumbnailScroll, 0);
					$(".thumbnail-anchor").each(function(index, item) {
						if (index < thumbnailFirst) {
							$(this).hide();
						} else if (index >= thumbnailFirst + thumbnailOnScreenMax) {
							$(this).hide();
						} else {
							$(this).show();
						}
					});
					UpdateThumbnailsSeen(thumbnailFirst + 1, Math.min(arrayImg.length + 1, thumbnailFirst + thumbnailOnScreenMax));
				});
				
				// called when thumbs-next is clicked on
				$(".thumbs-next").click(function(event) {
					if (thumbnailFirst + thumbnailOnScreenMax >= arrayImg.length) {
						return;
					}
					if (thumbnailFirst + thumbnailScroll + thumbnailOnScreenMax > arrayImg.length)
						thumbnailFirst = arrayImg.length - thumbnailOnScreenMax;
					else
						thumbnailFirst = thumbnailFirst + thumbnailScroll;
					$(".thumbnail-anchor").each(function(index, item) {
						if (index < thumbnailFirst) {
							$(this).hide();
						} else if (index >= thumbnailFirst + thumbnailOnScreenMax) {
							$(this).hide();
						} else {
							$(this).show();
						}
					});
					UpdateThumbnailsSeen(thumbnailFirst + 1, Math.min(arrayImg.length + 1, thumbnailFirst + thumbnailOnScreenMax));
				});
				
				// This function gets called when Previous button is clicked
				$(".seePrevious").click(function(event) {
					// this checks to see if previous page is needed for this image set e.g. Page 1 of 3
					if (curImg < 0) {
						return;
					}
					
					// otherwise replace the main image
					ReplaceMainImage(curImg-1);
				});
				
				$(".seeNext").click(function(event) {
					// this checks to see if next page is needed for this image set e.g. Page 2 of 3
					if (curImg >= arrayImg.length-1) {
						return;
					}
					
					// otherwise replace the main image
					ReplaceMainImage(curImg+1);
				});
			});