(function () {
	if (undefined == window.jQuery)
		throw "jQuery is required";

	if (jQuery.fn.jquery < "1.3.2")
		throw "A minimum of jQuery 1.3.2 is required";

	if (window.photoViewer)
		return;

	/*
	REMOVE THIS COMMENT BLOCK FOR PRODUCTION.
		
	The photoViewer presumes:
	* images are in the IMAGES_DIR relative to "this" page (default "images/")
	* all images use the IMAGE_EXT (default ".jpg")
	* all thumbnails have a suffix of THUMBS_SUFFIX (default "_thumb")
	* images and thumbs start with the same thing and only differ by
	THUMBS_SUFFIX, e.g. 001.jpg and 001_thumb.jpg
	* the preview of the image is in a div with id PREVIEW_ID (default "photo_preview")
	* the thumbnails are shown in a div with id THUMBS_ID (default "photo_thumbnails")
			
	To use, just init with an array of arrays of image names (without the extension) and titles in the order, e.g.

	$(document).ready(function() {
	photoViewer.init([
	["001", "Title"],
	["002", "Title"],
	["003", "Title"],
	["004", "Title"]
	]);
	});
	*/
	photoViewer = {
		IMAGES_DIR: "images/",
		THUMBS_SUFFIX: "_thumb",
		IMAGE_EXT: ".jpg",
		PREVIEW_ID: "photo_preview",
		THUMBS_ID: "photo_thumbnails",
		items: null,
		init: function (items) {
			if (!items)
				return;

			this.items = items;

			var d = $("#" + this.THUMBS_ID);

			for (var i = 0; i < items.length; i++)
				d.append("<img src=\"images/" + items[i][0] + this.THUMBS_SUFFIX + this.IMAGE_EXT + "\" rel=\"" + i + "\" title=\"" + items[i][1] + "\"/>");

			$("#" + this.THUMBS_ID + " img").click(function () { photoViewer.handleClick($(this)); });

			this.handleClick($("#" + this.THUMBS_ID + " img[rel='0']"));
		},
		handleClick: function (who) {
			var i = parseInt(who.attr("rel"));
			var d = $("#" + this.PREVIEW_ID);

			d.empty();

			if (i > 0)
				d.append("<span rel=\"" + (i - 1) + "\">&lt;</span> ");

			if (i + 1 < this.items.length)
				d.append("<span rel=\"" + (i + 1) + "\">&gt;</span>");

			d.append("<img src=\"" + this.IMAGES_DIR + this.items[i][0] + this.IMAGE_EXT + "\"/>");

			$("#" + this.PREVIEW_ID + " span").click(function () { photoViewer.handleClick($(this)); });

			$("#photo_caption").text(this.items[i][1]);
		}
	};
})();