/*
* Exposure (http://http://exposure.blogocracy.org/)
* Copyright (c) 2010 Kristoffer Jelbring
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
* THE SOFTWARE.
*/
(function($) {	
/**
* @name Exposure
* @author Kristoffer Jelbring (kris@blogocracy.org)
* @version 0.9.1
*
* @type jQuery
* @cat plugins/Media
*
* @desc Turn a simple HTML list into a rich and smart photo viewer that handles very large amounts of photos.
*
* @example $('#images').exposure({options});
*
* @options
*	target:	(selector string) Where to insert the image being displayed. Defaults to '#exposure'. If no target is found, one will be created.
*	showThumbs:	(boolean) Display thumbnails or not. Defaults to true. 
*	showControls: (boolean) Display paging controls or not. Defaults to true, but will be set to false if missing controlsTarget or if carouselControl is set to true.
*	imageControls: (boolean) Switch paging controls to use images instead of pages. Defaults to false.
*	controls: (object) Display only certain paging controls. All controls default to true. Usage example: controls : { prevNext : true, pageNumbers : true, firstLast : false }
*	carouselControls: (boolean) Enable carousel type controls instead of the classic paging type controls. Defaults to false, but will be set to false if showThumbs is also set to false.
*	enableSlideshow: (boolean) Enable slideshow. Defaults to true.
*	slideshowControlsTarget: (selector string) Where to insert the slideshow controls. Defaults to null.
*	autostartSlideshow: (boolean) Automatically start the slideshow when the gallery is loaded. Defaults to false.
*	slideshowDelay: (number) Delay for each slide in the slideshow (in milliseconds). Defauts to 3000.
*	onSlideshowPlayed: (function) Callback funcation that is called when the slideshow is played.
*	onSlideshowPaused: (function) Callback funcation that is called when the slideshow is paused.
*	showCaptions: (boolean) Display captions or not. Captions are added by setting a title attribute on the items in the list.
*	showExtraData: (boolean) Display extra image data or not. This data is added by inserting inner HTML to the items in the list.
*	dataTarget: (selector string) Where to insert captions and extra image data. Defaults to null, in which case the data container will appended to the main Exposure target.
*	controlsTarget: (selector string) Where to insert the paging controls. Defaults to null.
*	onThumb: (function) Callback function that is called when a thumbnail is displayed.
*	onImage: (function) Callback function that is called when an image is displayed. Defaults to removing the previous image.
*	onCarousel: (function) Callback function that is called right before the image carousel is updated.
*	onNext: (function) Callback function that is called when nextImage is called.
*	onPrev: (function) Callback function that is called when prevImage is called.
*	onPageChanged: (function) Callback function that is called when goToPage is called. Is not called when carouselControls is set. Defaults to showing all thumbnails on the current page.
*	onPagingLink: (function) Callback function that is called when a new paging link has been added. Defaults to returning the link.
*	separatePageBrowsing: (boolean) Enable separate page browsing (change page without changing the image being viewed). Defaults to false.
*	loop: (boolean) Start over when last image is reached.
*	onEndOfLoop: (function) Callback function that is called when the last image is reached and loop option is set to false.
*	viewFirstImage: (boolean) Enable automatic showing of the first image in the gallery when the gallery is loaded. Defaults to true.
*	pageSize: (number) Maximum number of images (thumbnails) per page. Defaults to 5.
*	visiblePages: (number) Maxium number of pages visible in paging.
*	preloadBuffer: (number) Maximum number of images to keep in load queue at any given time. Defaults to 3.
*	keyboardNavigation: (boolean) Enable keyboard navigation. Defaults to true.
*	clickingNavigation: (boolean) Enable browsing by clicking the image being shown. Defaults to true.
*	fixedContainerSize: (boolean) Enable a fixed size target element (set the size using CSS) instead of one that adapts to the size of the current image. Defaults to false.
*	maxWidth: (number) Maximum image width in the gallery (larger images will be downscaled). Defaults to null.
*	maxHeight: (number) Maximum image height in the gallery (larger images will be downscaled). Defaults to null.
*	stretchToMaxSize: (boolean) Stretch all images to maxWidth and maxHeight. Defaults to false.
*	fullScreen: (boolean) Stretch all images to be viewn in full screen. Defaults to false.
*	onEnterFullScreen: (function) Callback function that is called when entering full screen mode. Defaults to showing background mask.
*	onExitFullScreen: (function) Callback function that is called when exiting full screen mode. Defaults to hiding target and background mask.
*	showThumbToolTip: (boolean) Display captions as thumbnail tooltips or not. Defaults to true.
*	onEmpty: (function) Called when the gallery is empty. Defaults to removing controls and targets and to hiding the list element that the plugin is called on.
*	onInit: (function) Called when the gallery has been initialized.
*	allowDuplicates: (boolean) Allow the same image to be added more than once. Defaults to true.
*	jsonSource: (JSON data string/URL to JSON data/JSON object) Load additional images from an external source using JSON. Defaults to null.
*/
var $$ = $.fn.exposure = function($args) {
	
	var v = "0.9.1";
	var i;

	var $defaults = {
		target : '#exposure',
		showThumbs : true,
		showControls : true,
		imageControls : false,
		controls : {
				prevNext : true,
				firstLast : true,
				pageNumbers : true				
		},
		carouselControls: false,
		enableSlideshow : true,
		slideshowControlsTarget : null,
		autostartSlideshow : false,
		slideshowDelay : 3000,
		onSlideshowPlayed : function() {},
		onSlideshowPaused : function() {},
		showCaptions : true,
		showExtraData : true,
		dataTarget : null,
		controlsTarget : null,
		onThumb : function(thumb) {},
		onImage : function(image, imageData, thumb) {
			$('.exposureWrapper > .exposureLastImage').remove();
		},
		onCarousel : function(firstImage, lastImage) {},
		onNext : function() {},
		onPrev : function() {},
		onPageChanged : function() {
			$('.exposureThumbs li.current').show().each(function(i) {
				var imageHeight = $(this).find('img').height();
				if (imageHeight > 0) {
					$(this).height(imageHeight);	
				}
			});
		},
		onPagingLink : function(link) {
			return link;
		},
		separatePageBrowsing : false,
		loop : true,
		onEndOfLoop : function() {},
		pageSize : 5,
		viewFirstImage : true,
		visiblePages : 1,
		preloadBuffer : 3,
		keyboardNavigation : true,
		clickingNavigation : true,
		fixedContainerSize : false,
		maxWidth : null,
		maxHeight : null,
		stretchToMaxSize : false,
		fullScreen : false,
		onEnterFullScreen : function(mask) {
			mask.show();	
		},
		onExitFullScreen : function(target, mask) {
			target.hide();
            mask.hide();		
		},
		showThumbToolTip : true,
		onEmpty : function() {
			$('.exposureThumbs').hide();
			$($.exposure.target).remove();
			if ($.exposure.showControls) {
				$($.exposure.controlsTarget).remove();				
			}
			if ($.exposure.slideshowControlsTarget) {
				$($.exposure.slideshowControlsTarget).remove();
			}	
		},
		onInit : function() {},
		allowDuplicates : true,
		jsonSource : null
	};

	var opts = $.extend($defaults, $args);
	for (i in opts) {
		if ($$.defined($defaults[i])) {
			$.exposure[i] = opts[i];
		}
	}
	
	if (!$($.exposure.target).length) {
		// The target element is missing so it needs to be created.
		$('<div id="exposure"></div>').insertBefore($(this));	
	}
	
	var wrapper = $('<div class="exposureWrapper"></div>');
	var target = $($.exposure.target).addClass('exposureTarget').append(wrapper);
	
	if ($.exposure.showCaption || $.exposure.showExtraData) {
		// Determine which image data to display (caption and/or additional data).
		var dataElementsHtml = '';
		if ($.exposure.showCaptions) {
			dataElementsHtml += '<div class="caption"></div>';
		}
		if ($.exposure.showExtraData) {
			dataElementsHtml += '<div class="extra"></div>';
		}
		
		// Append image data container.
		var dataElements = $(dataElementsHtml);
		if (dataElements.length) {
			if ($.exposure.dataTarget && $($.exposure.dataTarget).length) {
				$($.exposure.dataTarget).addClass('exposureData').append(dataElements);
			} else {
				$.exposure.dataTarget = null;
				target.append($('<div class="exposureData"></div>').append(dataElements));
			}
		}
	}
	
	// Don't use carousel controls if not showing thumbs.
    if (!$.exposure.showThumbs) {
        $.exposure.carouselControls = false;
    }
	
	// Don't show paging controls if using carousel controls, or if there is no controls target or if all individual controls have been turned off.
	if ($.exposure.carouselControls || !$.exposure.controlsTarget || (!$.exposure.controls.prevNext && !$.exposure.controls.firstLast && !$.exposure.controls.pageNumbers)) {
		$.exposure.showControls = false;
	}
	
	// Render controls.
	if ($.exposure.showControls) {
		$($.exposure.controlsTarget).addClass('exposureControls').each(function() {
			if ($.exposure.controls.firstLast) { $(this).append($('<a class="exposureFirstPage" href="javascript:void(0);">' + $.exposure.texts.first + '</a>').click($.exposure.first)); }
			if ($.exposure.controls.prevNext) { $(this).append($('<a class="exposurePrevPage" href="javascript:void(0);">' + $.exposure.texts.previous + '</a>').click($.exposure.prev)); }
			if ($.exposure.controls.pageNumbers) { $(this).append($('<div class="exposurePaging"></div>')); }
			if ($.exposure.controls.prevNext) { $(this).append($('<a class="exposureNextPage" href="javascript:void(0);">' + $.exposure.texts.next + '</a>').click($.exposure.next)); }
			if ($.exposure.controls.firstLast) { $(this).append($('<a class="exposureLastPage" href="javascript:void(0);">' + $.exposure.texts.last + '</a>').click($.exposure.last)); }
		});
	}
	
	// Only render slideshow controls if there is a slideshow controls target.
	if ($.exposure.enableSlideshow && $.exposure.slideshowControlsTarget) {
		$($.exposure.slideshowControlsTarget).addClass('exposureSlideshowControls').each(function() {
			$(this).append($('<a class="exposurePlaySlideshow" href="javascript:void(0);">' + $.exposure.texts.play + '</a>').click($.exposure.playSlideshow));
			$(this).append($('<a class="exposurePauseSlideshow" href="javascript:void(0);">' + $.exposure.texts.pause + '</a>').hide().click($.exposure.pauseSlideshow));
		});
	}
	
	// Bind keys for navigation (using Hotkeys Plugin).
	if ($.exposure.keyboardNavigation) {
		$(document).bind('keyup', 'left', $.exposure.prevImage);
		$(document).bind('keyup', 'right', $.exposure.nextImage);
		$(document).bind('keyup', 'ctrl+left', $.exposure.prevPage);
		$(document).bind('keyup', 'ctrl+right', $.exposure.nextPage);
		$(document).bind('keyup', 'up', $.exposure.lastImage);
		$(document).bind('keyup', 'down', $.exposure.firstImage);
		$(document).bind('keyup', 'ctrl+up', $.exposure.lastPage);
		$(document).bind('keyup', 'ctrl+down', $.exposure.firstPage);
		if ($.exposure.enableSlideshow) {
			$(document).bind('keyup', 'space', $.exposure.toggleSlideshow);
		}
	}
	
	if ($.exposure.fullScreen) {
		$(window).resize($.exposure.fitToWindow);
		$('<div class="exposureMask"></div>').click($.exposure.exitFullScreen).insertAfter(target);
		if ($.exposure.keyboardNavigation) {
			$(document).bind('keyup', 'esc', $.exposure.exitFullScreen);
		}
	}
	
	var jsonImages = null;
	
	if ($.exposure.jsonSource) {
		if ($$.object($.exposure.jsonSource)) {
			jsonImages = $.exposure.jsonSource;
		} else if ($.exposure.jsonSource.length) {
			if ($$.startsWith($.exposure.jsonSource, "http://") || $$.startsWith($.exposure.jsonSource, "https://")) {
				// Fetch JSON images using AJAX from specified URL source.
				jsonImages = $.ajax({url : $.exposure.jsonSource,
					type : 'GET', 
					async : false
				}).responseText;
			} else {
				jsonImages = $.exposure.jsonSource;	
			}
		}
	}
	
	// Return "this" to maintain chainability.
	return this.addClass('exposureThumbs').each(function() {
		var i;
		if (jsonImages) {
			var images = $$.object(jsonImages) ? jsonImages : $.parseJSON(jsonImages);
			if (images && images.data) {
				// Append images fetched from JSON source to the list of images.
				for (i in images.data) {
					var photo = images.data[i];
					if (photo.source && photo.source.length) {
						var item = $('<li></li>');
						var link = $('<a></a>').attr('href', photo.source);
						if (photo.thumb_source && photo.thumb_source.length) {
							var thumb = $('<img />').attr('src', photo.thumb_source);
							if (photo.caption && photo.caption.length) {
								thumb.attr('title', photo.caption);
							}
							link.append(thumb);
						} else if (photo.caption && photo.caption.length) {
							link.attr('title', photo.caption);
						}
						item.append(link);					
						if (photo.extra_data && photo.extra_data.length) {
							item.append($(photo.extra_data));
						}
						$(this).append(item);	
					}
				}
			}
		}
		
		var foundImage = false;
		var foundThumb = false;
		
		if ($(this).children('li').length) {	
			var selectedIndex = null;
				
			$(this).show().children('li').each(function() {
				foundImage = true;
				
				// The a tag contains all the needed information about the image.
				var a = $(this).find('a');
				if (a.length) {
					// Use only the first matching link.
					a = $(a[0]);
							
					var src = a.attr('href');
					var img = a.find('img');
					
					// Get caption and thumbnail source from either nested img tag or from rel attribute.
					var thumbSrc = img.length ? img.attr('src') : a.attr('rel');		
					var caption = img.length ? img.attr('title') : a.attr('title');
					
					var isSelected = a.hasClass('selected') && !selectedIndex;
										
					// Remove link and extract additional image data.
					a.remove();		
					var thumbData = $(this).html();
					
					if (thumbSrc) {
						foundThumb = true;
					}
					
					// All information extracted, remove original list entry.
					$(this).remove();
					
					// Add image to list of images.
					var imageIndex = $$.newImage(src, thumbSrc, caption, thumbData);
					
					if (imageIndex > -1) {
						if (isSelected) {
							selectedIndex = imageIndex;
						}
						
						if ($$.loadQueue.length < $.exposure.preloadBuffer) {
							// Preload buffer hasn't been filled yet, add image to load queue.				
							$$.addToLoadQueue(imageIndex);
						}
					}
				} else {
					// Just remove this empty entry.
					$(this).remove();
				}
			});
			
			if (!$.exposure.showThumbs) {
				// Thumbnails are turned off, change page size to 1.
				$.exposure.pageSize = 1;
				
				// Remove the thumbnails container.
				$('.exposureThumbs').remove();
			}
			
			if (foundImage) {
				// Start preloading the first image.
				$$.preloadNextInQueue();
				
				$$.createPaging();
				
				if (selectedIndex) {
					$.exposure.goToPage($.exposure.pageNumberForImage(selectedIndex));
					$.exposure.viewImage(selectedIndex);
				} else {				
					// View the first page (and the first image).
					$.exposure.goToPage(1);
				}
				
				if ($.exposure.enableSlideshow && $.exposure.autostartSlideshow) {
					$.exposure.playSlideshow();
				}
			} else {
				$.exposure.onEmpty();	
			}
		} else {
			$.exposure.onEmpty();
		}
		
		$.exposure.onInit();
		
		$$.initialized = true;
	});
};

// Private functions and properties. These are only for internal use.

/**
* Check if a variable is defined.
*
* @param v Variable to check.
*/
$$.defined = function(v) {
	return typeof v !== 'undefined';
};

/**
* Check if a variable is an object.
*
* @param v Variable to check.
*/
$$.object = function(v) {
	return typeof v === 'object';	
};

/**
* Check if a string starts with another string.
*
* @param s1 String to check.
* @param s2 String to look for.
*/
$$.startsWith = function(s1, s2) {
	if (s1 && s2) {
		return s1.match("^"+s2) === s2;
	}
	return false;
};

/**
* Calculate the differance in outerwidth and width of an element.
*
* @param el The element to check.
* @returns Width differance.
*/
$$.widthDiff = function(el) {
	return el ? el.outerWidth(true)-el.width() : 0;
}; 

/**
* Calculate the differance in outerHeight and height of an element.
*
* @param el The element to check.
* @returns Height differance.
*/
$$.heightDiff = function(el) {
	return el ? el.outerHeight(true)-el.height() : 0;
};

/**
* Value object representing an image in the viewer.
*
* @param src Source to the full size image.
* @param thumb Source to thumbnail version of the image.
* @param caption Image caption.
* @param data Extra image data.
*/
$$.Image = function(src, thumb, caption, data) {
	this.src = src;
	this.thumb = thumb;
	this.caption = caption;
	this.data = data;
	this.loaded = false;
};

/**
* All the images in the viewer. Holds an array of Image objects that are filled up when the plugin is loaded.
*/
$$.images = [];

/**
* All the image sources that's been previously added to the viewer.
*/
$$.sources = {};

/**
* Create a new Image object and add it to images array.
*
* @param src Source to the full size image.
* @param thumb Source to thumbnail version of the image.
* @param caption Image caption.
* @param data Extra image data.
* @returns Index of the new image.
*/
$$.newImage = function(src, thumb, caption, data) {
	var alreadyAdded = $$.defined($$.sources[src]);
	if (alreadyAdded && !$.exposure.allowDuplicates) {
		return -1;
	}
	var image = new $$.Image(src, thumb, caption, data);
	var imageIndex = $$.images.push(image) - 1;
	if (!alreadyAdded) {
		$$.sources[src] = imageIndex;
	}
	return imageIndex;
};

/**
* Initialization flag.
*/
$$.initialized = false;
		
/**
* Index of the image currently being viewed.
*/
$$.current = -1;

/**
* Deselect the image currently being viewed.
*/
$$.deselectCurrentImage = function() {
	$$.current = -1;
	$('.exposureThumbs li.active').removeClass('active');
};
		
/**
* The load queue, holds an array of indices of images to load.
*/
$$.loadQueue = [];
		
/**
* Add an image to the load queue.
*
* @param index Index of image to add.
*/
$$.addToLoadQueue = function(index) {
	if (!$$.loaded(index) && !$$.queued(index)) {
		$$.loadQueue.push(index);
	}
};
		
/**
* Check if a specific image exists in the load queue.
*
* @param index Index of image to check.
*/
$$.queued = function(index) {
	return $.inArray(index, $$.loadQueue) > -1;	
};
		
/**
* Check if a specific image has been loaded.
*
* @param index Index of image to check.
*/
$$.loaded = function(index) {
	var image = $.exposure.getImage(index);
	if (image !== null) {
		return image.loaded;
	}
	return false;
};
		
/**
* Find the next, not already loaded image, in the load queue. This function is recursive and will continue until
* an image is found, or until the queue is empty.
*/
$$.nextInLoadQueue = function() {
	var i;
	if ($$.loadQueue.length > 0) {
		var next = $$.loadQueue.shift();
		if ($$.loaded(next)) {				
			// Image already loaded, remove from load queue.
			i = $.inArray(index, $$.loadQueue);
			$$.loadQueue.splice(i, 1);
			
			// Find next in queue.
			return $$.nextInLoadQueue();
		}
		return next;
	}
	return null;
};
		
/**
* Preload the next image in the load queue.
*/	
$$.preloadNextInQueue = function() {
	if ($$.loadQueue.length > 0) {				
		var nextIndex = $$.nextInLoadQueue();
		if (nextIndex !== null) {
			$$.loadImage(nextIndex, $$.preloadNextInQueue);
		}
	}
};

/**
* Load a specific page.
*
* @param page Number of the page to load.
* @param imageToView Index of the image to view (defaults to viewing first image on page if this parameter isn't set).
*/
$$.loadPage = function(page, imageToView) {
	if ($$.validPage(page)) {
		
		// Calculate first and last images on this page.
		var last = page * $.exposure.pageSize;
		var first = last - $.exposure.pageSize;
		
		if (last > $$.images.length) {
			last = $$.images.length;
		}

		$$.pageTransition = true;
		
		$$.viewThumbs(first, last-1);			
		
		if (!$.exposure.separatePageBrowsing) {
			if (imageToView) {
				// Moving backwards, set the last image on the page as active.
				$.exposure.viewImage(imageToView);
			} else {
				if (page > 1 || ((page === 1 && $.exposure.viewFirstImage) || $$.initialized)) {
					// Set the first image on this page as active.			
					$.exposure.viewImage(first);
				}
			}
		}
		
		$$.pageTransition = false;
	}
};

/**
* Views thumbnails for a specific set of images (and creates them if needed).
*
* @param first Index of the first image to view.
* @param last Index of the last image to view.
*/
$$.viewThumbs = function(first, last) {
	var i;
	if ($.exposure.showThumbs) {
	
		// Go through images in set.
		for (i = first; i <= last; i++) {
			$$.viewThumb(i, i === first, i === last, true);
	    }
	    if (!$.exposure.carouselControls && $$.currentPage < $.exposure.numberOfPages()) {
			// Preload next page of thumbnails.
		    var firstNext = last+1;
		    var lastNext = last+$.exposure.pageSize;
		    if (lastNext >= $$.images.length) {
				lastNext = $$.images.length-1;
			}
		    
		    for (i = firstNext; i <= lastNext; i++) {
				var container = $$.viewThumb(i, i === firstNext, i === lastNext, false);
				if (container && container.length) {
					container.hide();
				}
		    }
	    }
	}
};

/**
* View thumbnail for a specific image (and create it if needed).
*
* @param index Index of the image to view.
* @param first If the image is the first on the page.
* @param last If the image is the last on the page.
* @param current If the image is a part of the current page.
*/
$$.viewThumb = function(index, first, last, currentPage) {
	// Make sure image index is in scope.
    if (index < 0) {
        index = $$.images.length + index;
    } else if (index >= $$.images.length) {
        index = index - $$.images.length;
    }

    var image = $$.images[index];
    // Find thumbnail container.
    var container = $.exposure.getThumb(index).parent();
    if (!container.length) {
        // Create a thumbnail if one doesn't already exist.
        container = $$.createThumbForImage(image, index);
        
        // Add page number as rel attribute.
        container.attr('rel', $.exposure.pageNumberForImage(index));
    }
    if (container.length) {
        // Append in the end of the container in order to save the ordering of the images.
        container.parent().append(container);

        if (first) {
            // Decorate thumbnail container for first image on page.
            container.addClass('first');
        } else {
            container.removeClass('first');
        }
        if (last) {
            // Decorate thumbnail container for last image on page.
            container.addClass('last');
        } else {
            container.removeClass('last');
        }
        
        if (currentPage) {
			if ($.exposure.carouselControls) {
				container.show();
			} else {
				container.addClass('current');	
			}
        }
    }
    
    return container;	
};
		
/**
* Load a specific image.
*
* @param index Index of image to load.
* @param onload Image onload callback function.
*/
$$.loadImage = function(index, onload) {
	var image = $.exposure.getImage(index);		
	var img = $('<img />').addClass('exposureImage');
	var i;
	if (image !== null) {
		image.loaded = true;
		if ($$.queued(index)) {
			// Since image already has been loaded, remove it from the load queue.
			i = $.inArray(index, $$.loadQueue);
			$$.loadQueue.splice(i, 1);
		}
		if (typeof onload === 'function') {
			img.load(onload);
		}
		img.attr('src', image.src);
	}
	return img;		
};

/**
* Create a thumbnail for a specific image.
*
* @param image Image object for the image.
* @param image Index of the image.
*/
$$.createThumbForImage = function(image, index) {
	if ($.exposure.showThumbs) {
		var thumb = $.exposure.getThumb(index);

		if (thumb === null || !thumb.length) {						
			// Create thumbnail container.
			var container = $('<li></li>');
			$('.exposureThumbs').append(container);
			
			// Create thumbnail img element.
			thumb = $('<img />');
			
			if (image.thumb) {
				thumb.attr('src', image.thumb);
			} else {
				// Create a thumbnail from the original image.
				thumb.attr('src', image.src);
				
				// Downscale the new thumbnail.
				var imageWidth = Math.ceil(thumb.width() / thumb.height() * container.height());
				var imageHeight = Math.ceil(thumb.height() / thumb.width() * container.width());		
				if (imageWidth < imageHeight) {
					thumb.css({height: 'auto', maxWidth: container.width()});
				} else {
					thumb.css({width: 'auto', maxHeight: container.height()});
				}
			}
			
			container.append(thumb.css('display', 'block'));					
			
			// Add image index and caption as attributes.
			thumb.attr('rel', index);
			if (image.caption && $.exposure.showThumbToolTip) {
				thumb.attr('title', image.caption);
			}
			
			// Save extra image data in thumbnail data.
			thumb.data('data', image.data);
			
			thumb.click(function() {
				// When a thumbnail is clicked, view full version of that image.
				$.exposure.viewImage(Number($(this).attr('rel')));
			});
			
			thumb.load(function() {
				// Set the height of the thumbnail container to the height of the thumbnail.
				var imageHeight = $(this).height();
				if (imageHeight > 0) {
					$(this).parent().height(imageHeight);
				}		
			});
			
			$.exposure.onThumb(thumb);
			
			return container;
		}
	}
	return null;
};

/**
* Number of the page currently being viewed.
*/
$$.currentPage = 1;
		
/**
* Check if a specific page number is a valid page number.
*
* @param page Page number to check.
*/
$$.validPage = function(page) {
	return page > 0 && page <= $.exposure.numberOfPages();
};

/**
* Create paging links.
*/
$$.createPaging = function() {	
	var i;
	if ($.exposure.showControls && $.exposure.controls.pageNumbers) {	
		// Create paging links.
		var stop = $.exposure.imageControls ? $.exposure.numberOfImages() : $.exposure.numberOfPages();
		$('.exposurePaging').each(function() {
			for (i = 1; i <= stop; i++) {
				$(this).append($$.newPagingLink(i));
			}
		});
	}	
};

/**
* Update paging links.
*/
$$.updatePaging = function(newActivePage) {
	if ($.exposure.showControls && $.exposure.controls.pageNumbers) {
		var current = $.exposure.imageControls ? $$.current+1 : $$.currentPage;
		$('.exposurePaging span.active').each(function() { 
			$(this).replaceWith($$.newPagingLink(current)); 
		});
		$('.exposurePaging a[rel="' + newActivePage + '"]').each(function() { 
			$(this).replaceWith($('<span>' + newActivePage + '</span>').addClass('active')); 
		});
		var pageCount = $.exposure.imageControls ? $.exposure.numberOfImages() : $.exposure.numberOfPages();
		if ($.exposure.visiblePages > 0 && pageCount > $.exposure.visiblePages) {
			var firstVisiblePage = newActivePage;						
			var lastVisiblePage = $.exposure.visiblePages;
			var flooredVisiblePages = Math.floor($.exposure.visiblePages/2);
			if (newActivePage <= flooredVisiblePages) {
				firstVisiblePage = 1;							
			} else if (newActivePage > (pageCount - flooredVisiblePages)) {
				lastVisiblePage = pageCount;
				firstVisiblePage = lastVisiblePage - $.exposure.visiblePages + 1;
			} else { 
				firstVisiblePage -= flooredVisiblePages;
				lastVisiblePage = firstVisiblePage + $.exposure.visiblePages - 1;
			}
			$('.exposurePaging').each(function() {	
				$(this).children().each(function(i) {
					var currentPage = i+1;
					if (currentPage >= firstVisiblePage && currentPage <= lastVisiblePage) {
						$(this).show();
					} else {
						$(this).hide();
					}
				});
			});
		}	
	}
};

/**
* Create a new paging link for a specific page.
*
* @param page Index of the image/number of the page (depending on the imageControls setting) to create the link for.
*/
$$.newPagingLink = function(index) {
	return $.exposure.onPagingLink($('<a href="javascript:void(0);" rel="' + index + '">' + index + '</a>').click(function() {
		// View the image/page defined in the rel attribute of the link.
		var rel = Number($(this).attr('rel'));
		if ($.exposure.imageControls) {
			$.exposure.viewImage(rel-1);
		} else {
			$.exposure.goToPage(rel);
		}
	}));
};

/**
* Page transition state.
*/
$$.pageTransition = false;
				
/**
* Slideshow playing state.
*/
$$.playingSlideshow = false;
		
/**
* Holds the timer for the slideshow.
*/
$$.slideshowTimer = null;
		
/**
* Slideshow transition state.
*/
$$.slideshowTransition = false;
		
/**
* Recursive function that runs nextImage() after given delay. Don't use this directly, use playSlideshow() instead.
*/		
$$.slideshow = function() {
	$$.slideshowTimer = setTimeout(function() { 
		$$.slideshowTransition = true;
		$.exposure.nextImage(); 
		$$.slideshowTransition = false;
		$$.slideshow(); 
	}, $.exposure.slideshowDelay);
};

/**
* Full screen state.
*/
$$.infullScreen = false;

/**
* Calculate actual max width (subtract padding, margin and borders of image and container),
*/
$$.actualMaxWidth = function(image, target) {
	return $.exposure.maxWidth ? $.exposure.maxWidth-($$.widthDiff(image)+$$.widthDiff(target)) : 0;
};

/**
* Calculate actual max height (subtract padding, margin and borders of image and container),
*/
$$.actualMaxHeight = function(image, target) {
	return $.exposure.maxHeight ? $.exposure.maxHeight-($$.heightDiff(image)+$$.heightDiff(target)) : 0;
};

/**
* Fix image to max size.
*/
$$.fitToMaxSize = function(image) {
	var target = $('.exposureTarget');
	if ($.exposure.stretchToMaxSize) {
		if ($.exposure.maxWidth) {
			// Stretch to maxWidth.
			image.width($$.actualMaxWidth(image, target));
		}
		if ($.exposure.maxHeight) {
			// Stretch to maxHeight.
			image.height($$.actualMaxHeight(image, target));	
		}							
	} else {
		if (image.width() > image.height()) {
			// Landscape format image, fit to width first.
			$$.fitToMaxWidth(image, target);
			$$.fitToMaxHeight(image, target);
		} else if (image.height() > image.width()) {
			// Portrait format image, fit to height first.
			$$.fitToMaxHeight(image, target);
			$$.fitToMaxWidth(image, target);
		} else {
			// Square format image.
			var actualMaxHeight = $$.actualMaxHeight(image, target);
			var smallest = $$.actualMaxWidth(image, target);
			if (!smallest || (actualMaxHeight && smallest && actualMaxHeight < smallest)) {
				smallest = actualMaxHeight;
			}
			if (smallest && image.width() > smallest) {
				image.width(smallest);
				image.height(smallest);
			}
		}
	}	
};

/**
* Center main image in window.
*/
$$.centerImageInWindow = function(image) {
	var target = $('.exposureTarget');
	target.width(image.width()).height(image.height());			
	target.css({
		'top' :  ($(window).height()-target.outerHeight(true))/2, 
		'left' : ($(window).width()-target.outerWidth(true))/2
	});
	
	$('.exposureLastImage').each(function() {
		$(this).css({
			'top' :  (target.height()-$(this).height())/2, 
			'left' : (target.width()-$(this).width())/2
		});
	});
};

/**
* Fit image to maxWidth.
*/
$$.fitToMaxWidth = function(image, target) {
	var actualMaxWidth = $$.actualMaxWidth(image, target);
	if (actualMaxWidth && image.width() > actualMaxWidth) {
		// Calculate new height to maintain aspect ratio.								
		var newHeight = Math.round(actualMaxWidth * image.height()/image.width());
		image.height(newHeight);
		// Shrink to maxWidth.	
		image.width(actualMaxWidth);										
	}
};

/**
* Fit image to maxHeight.
*/
$$.fitToMaxHeight = function(image, target) {	
	var actualMaxHeight = $$.actualMaxHeight(image, target);
	if (actualMaxHeight && image.height() > actualMaxHeight) {
		// Calculate new width to maintain aspect ratio.								
		var newWidth = Math.round(actualMaxHeight * image.width()/image.height());
		image.width(newWidth);
		// Shrink to maxHeight.
		image.height(actualMaxHeight);
	}
};

/**
* Resize target container element to fit image.
*/
$$.resizeContainer = function(img) {
	// Resize image according to maxWidth and maxHeight settings.
	$$.fitToMaxSize(img);
	
	// Resize target element to fit image.
	if (!$.exposure.fixedContainerSize) {
		$('.exposureTarget').show().width(img.width()).height(img.height());
	}
};

// Extend with public functions. These can be called from your gallery using $.exposure.nameOfFunction().
$.extend({exposure : {
		/**
		* Calculate the page number of a specific image.
		*
		* @param index Index of image to get page number for.
		*/
		pageNumberForImage : function(index) {
			return Math.ceil((index + 1) / $.exposure.pageSize);
		},
		
		/**
		* Calculate the total number of pages using the set page size.
		*/
		numberOfPages : function() {
			// Calculate the page number for the last image.
			return $.exposure.pageNumberForImage($$.images.length-1);
		},
		
		/**
		* Check if the the page currently being viewed is the first page.
		*/
		atFirstPage : function() {
			return $$.currentPage === 1;
		},
		
		/**
		* Check if the the page currently being viewed is the last page.
		*/
		atLastPage : function() {
			return $$.currentPage === $.exposure.numberOfPages();
		},
		
		/**
		* Check if an image is the first image on its page.
		*
		* @param index Index of image to check. Will default to image currently being viewed if not set. 
		*/
		firstImageOnPage : function(index) {
			if (!index) {
				index = $$.current;
			}
			return $.exposure.pageSize === 1 || (index % $.exposure.pageSize === 0);
		},
		
		/**
		* Check if the an image is the last image on its page.
		*
		* @param index Index of image to check. Will default to image currently being viewed if not set. 
		*/
		lastImageOnPage : function(index) {
			if (!index) {
				index = $$.current;
			}
			var imageCount = $$.images.length;
			if ($.exposure.pageSize === 1 || imageCount === 1) {
				return true;	
			}
			if (index > 0) {
				var currentPageSize = $.exposure.pageSize;
				var currentPage = $.exposure.pageNumberForImage(index);
				if (currentPage === $.exposure.numberOfPages()) {
					// Calculate the size of the last page as it may differ from the set page size.
					var newPageSize = imageCount % $.exposure.pageSize;
					if (newPageSize > 0) {
						currentPageSize = newPageSize;
					}
				}
				
				var imageIndex = index;
				if (currentPage > 1) {
					imageIndex -= (currentPage-1) * $.exposure.pageSize;
				}
				
				// Check if the current image is the last image of the current page.				
				return (imageIndex+1) % currentPageSize === 0;
			}
			return false;
		},
		
		/**
		* Get the number of the current page.
		*/
		currentPage : function() {
			return $$.currentPage;
		},
		
		/**
		* Get the number of images.
		*/
		numberOfImages : function() {
			return $$.images.length;	
		},
		
		/**
		* Check if the image currently being viewed is the first image.
		*/
		atFirstImage : function() {
			return $$.current === 0; 
		},
		
		/**
		* Check if the image currently being viewed is the last image.
		*/
		atLastImage : function() {
			return $$.current === $.exposure.numberOfImages()-1;
		},
		
		/**
		* Get a spefic image object from the images array.
		*
		* @param index Index of image to get.
		*/
		getImage : function(index) {
			if (index !== null && index > -1 && index < $$.images.length) {
				return $$.images[index];
			}
			return null;
		},
		
		/**
		* Get the index of the image with the specified image source.
		*
		* @param src Source of the image to get index for.
		*/
		indexOfImage : function(src) {
			if (src && $$.defined($$.sources[src])) {
				return $$.sources[src];
			}
			return -1;
		},
		
		/**
		* Get the index of the current image.
		*/
		currentImage : function() {
			return $$.current;
		},

		/**
		* Dynamically add an image to the gallery. 
		*
		* @param src Source to the full size image.
		* @param thumb Source to thumbnail version of the image.
		* @param caption Image caption.
		* @param data Extra image data.
		*/		
		addImage : function(src, thumb, caption, data) {
			var pageCount = $.exposure.numberOfPages();				
			var index = $$.newImage(src, thumb, caption, data);
			if (index > -1) {
				var pageNumber = $.exposure.pageNumberForImage(index);
				var containers = $('.exposureThumbs li[rel="'+ pageNumber + '"]');
				if (containers.length) {
					containers.removeClass('last');
				}
				
				// Recreate paging if a new page needs to be added.
				var newPageAdded = pageNumber > pageCount;
				if (newPageAdded) {
					// Make sure paging container is empty.
					$('.exposurePaging').empty();
					
					$$.createPaging();
				}
				
				if (newPageAdded || pageNumber === $$.currentPage) {
					// Reload the current page.
					$.exposure.goToPage($$.currentPage);	
				}
			}
		},
		
		/**
		* Dynamically remove a specific image from the gallery.
		*
		* @param index Index of image to remove.
		*/
		removeImage : function(index) {
			if ($$.images.length === 1) {
				$.exposure.removeAllImages();
			} else {
				if ($.exposure.enableSlideshow) {
					$.exposure.pauseSlideshow();	
				}
				
				var oldPageCount = $.exposure.numberOfPages();
				
				// Remove the image from the list of images.
				$$.images.splice(index, 1);
				
				// Remove the image from the loadQueue.
				var queueIndex = $.inArray(index, $$.loadQueue);
				if (queueIndex > -1) {
					$$.loadQueue.splice(queueIndex, 1);
				}
			
				// Remove thumbnail and container.
				var container = $.exposure.getThumb(index).parent();
				container.remove();
			
				// Update thumbnail containers.
				$('.exposureThumbs > li').each(function(i) {
					if (i >= index) {
						// Update page number in rel attribute.
						var newRel = $.exposure.pageNumberForImage(i);
						$(this).attr('rel', newRel);
						
						// Update index number in rel attribute of image.
						$(this).find('img').attr('rel', i);
						
						// Update first/last classes
						if ($.exposure.firstImageOnPage(i)) {
							$(this).addClass('first');	
						} else {
							$(this).removeClass('first');	
						}
						if ($.exposure.lastImageOnPage(i)) {
							$(this).addClass('last');
						} else {
							$(this).removeClass('last');
						}
						
						if ($$.currentPage === newRel) {
							$(this).show();
						} else {
							$(this).hide();	
						}
					}
				});
				
				// Recreate paging links.
				var pageRemoved = $.exposure.numberOfPages < oldPageCount;
				if (pageRemoved) {
					// Make sure paging container is empty.
					$('.exposurePaging').empty();
					
					$$.createPaging();
				}
				
				if ($$.current === index) {
					// Skip to next image if the deleting image was the currently viewed image.
					$$.current = -1;
					var nextIndex = index;
					if (index === $.exposure.numberOfImages()) {
						nextIndex = 0;	
					}
					$.exposure.viewImage(nextIndex);
				} 
			}
		},
		
		/**
		* Removes all images from the gallery. Usable when dynamically rebuilding the gallery from scratch.
		*/
		removeAllImages : function() {
			$$.images = [];
			$$.sources = {};
			$$.loadQueue = [];
			if ($.exposure.enableSlideshow) {
				$.exposure.pauseSlideshow();	
			}
			$('.exposureThumbs').empty();
			$('.exposurePaging').empty();
			$.exposure.viewImage(0);
		},
		
		/**
		* Get the thumbnail img element for a specific image.
		*
		* @param index Index of image to find thumbnail for.
		*/
		getThumb : function(index) {
			return $('.exposureThumbs img[rel="'+index+'"]');
		},
		
		/**
		* Get the index of the next image.
		*/
		getNextImage : function() {
			if ($$.current === $$.images.length-1) {
				// Is at last image, return first image.
				if ($.exposure.loop) {
					return 0;
				} else {
					// Loop ended callback.
					$.exposure.onEndOfLoop();	
				}					
			} else {
				// Return next image.
				return $$.current+1;
			}
			return null;
		},
		
		/**
		* Get the index of the previous image.
		*/
		getPrevImage : function() {
			if ($$.current === 0) {
				// Is at first image, return last image.
				if ($.exposure.loop) {
					return $$.images.length-1;
				}
			} else {					
				// Return previous image. 
				return $$.current-1;
			}
			return null;
		},
	
		/**
		* View a specific page.
		*
		* @param page Number of the page to view.
		* @param imageToView Index of the image to view (defaults to viewing first image on page if this parameter isn't set).
		*/
		goToPage : function(page, imageToView) {
			if ($$.validPage(page)) {
				// Hide all thumbnail containers.
				$('.exposureThumbs li').removeClass('current').hide();
				
				$$.loadPage(page, imageToView);
				
				if (!$.exposure.imageControls) {
					$$.updatePaging(page);
				}
				
				$$.currentPage = page;
				
				if ($.exposure.showControls) {			
					if ($.exposure.atFirstPage()) {
						// Disable first page button.
						if ($.exposure.controls.firstLast) {
							$('.exposureFirstPage').addClass('disabled');
						}
						
						// Hide previous page button.
						if (!$.exposure.loop && $.exposure.controls.prevNext) {
							$('.exposurePrevPage').hide();
						}
					} else {
						// Enable first page button.
						if ($.exposure.controls.firstLast) {
							$('.exposureFirstPage').removeClass('disabled');
						}
						
						// Show previous page button.
						if (!$.exposure.loop && $.exposure.controls.prevNext) {
							$('.exposurePrevPage').show();
						}
					}
					if ($.exposure.atLastPage()) {
						// Disable last page button.
						if ($.exposure.controls.firstLast) {
							$('.exposureLastPage').addClass('disabled');
						}
						
						// Hide next page button.
						if (!$.exposure.loop && $.exposure.controls.prevNext) {
							$('.exposureNextPage').hide();
						}
					} else {
						// Enable last page button.
						if ($.exposure.controls.firstLast) {
							$('.exposureLastPage').removeClass('disabled');
						}
						
						// Show next page button.
						if (!$.exposure.loop && $.exposure.controls.prevNext) {			
							$('.exposureNextPage').show();
						}
					}
				}
				
				// Page changed callback.
				if (!$.exposure.carouselControls) {
					$.exposure.onPageChanged();
				}
			}
		},
		
		/**
		* View the first page.
		*/
		firstPage : function() {
			if (!$.exposure.atFirstPage()) {
				$.exposure.goToPage(1);
			}	
		},
		
		/**
		* View the last page.
		*/
		lastPage : function() {
			if (!$.exposure.atLastPage()) {
				$.exposure.goToPage($.exposure.numberOfPages());
			}	
		},
		
		/**
		* View the previous page.
		*/
		prevPage : function() {
			if (!$.exposure.atFirstPage()) {
				// Go to previous page.
				$.exposure.goToPage($$.currentPage-1);
			} else if ($.exposure.loop) {
				// At first page, go to last page.
				$.exposure.goToPage($.exposure.numberOfPages());
			}	
		},
		
		/**
		* View the next page.
		*/
		nextPage : function() {
			if (!$.exposure.atLastPage()) {
				// Go to next page.
				$.exposure.goToPage($$.currentPage+1);
			} else if ($.exposure.loop) {
				// At last page, go back to first page.
				$.exposure.goToPage(1);
			}	
		},
		
		/**
		* View a specific image.
		*
		* @param Index of image to view.
		*/
		viewImage : function(index) {
			if ($$.current !== index) {
				if ($.exposure.enableSlideshow && !$$.slideshowTransition) {
					$.exposure.pauseSlideshow();
				}
				var wrapper = $('.exposureWrapper');
				var validImage = false;	
				var image = $$.images[index];
				if (image) {
					var src = image.src;
					var caption = image.caption;
					var extraImageData = image.data;
									
					if (src) {
						validImage = true;
						
						var hasThumb = $.exposure.showThumbs;
						var thumb = null;
						if ($.exposure.showThumbs) {
							thumb = $('.exposureThumbs img[rel="' + index + '"]');
							hasThumb = thumb && thumb.length;
							
							// Light up active thumbnail.
							if (hasThumb) {
								thumb.parent().siblings().removeClass('active');
								thumb.parent().addClass('active');
							} else {
								$('.exposureThumbs li.active').removeClass('active');
							}
						}
						
						// Show loading animation.
						wrapper.parent().removeClass('exposureLoaded');
						if ($$.loaded(index)) {
							// Hide loading animation if image already loaded.				
							wrapper.parent().addClass('exposureLoaded');
						}
					
						var img = $$.loadImage(index, function() {
							var lastImage = wrapper.find('.exposureImage');
							if (lastImage.length) {
								lastImage.removeClass('exposureCurrentImage');
								lastImage.addClass('exposureLastImage');
							}
							
							$(this).addClass('exposureCurrentImage');
							
							wrapper.append($(this));
							
							// Enable browsing by clicking on the image.
							if ($.exposure.clickingNavigation) {
								$(this).click($.exposure.nextImage);
							}
							
							if (!$(this).width() || !$(this).height()) {
								// Workaround for bug caused by AdBlock plugin for Chrome and Safari: 
								// http://code.google.com/p/adblockforchrome/issues/detail?id=3701
								var i = $(this);
								var delay = setInterval(function() {
									$$.resizeContainer(i);								
									clearTimeout(delay);
								}, 2);
							} else {	
								$$.resizeContainer($(this));
							}
							
							// Image is supposed to be viewed in full screen.
							if ($.exposure.fullScreen && !$$.infullScreen) {
								$.exposure.onEnterFullScreen($('.exposureMask'));
								$$.infullScreen = true;
							}
							
							// Add caption and additional image data.							
							var imageDataContainer = $.exposure.dataTarget ? $($.exposure.dataTarget) : wrapper.siblings('.exposureData');
							if (imageDataContainer.length) {
								if ($.exposure.showCaptions) {
									// Add caption to image data container.
									var captionContainer = imageDataContainer.find('.caption');
									if (captionContainer.length) {
										// Remove current caption from container.
										captionContainer.empty();
										if (!caption && hasThumb) {
											// Extract caption from thumbnail.
											caption	= thumb.attr('title');
										}
									}
									captionContainer.html(caption);
								}
								
								if ($.exposure.showExtraData) {
									// Add extra image data to image data container.
									var extraImageDataContainer = imageDataContainer.find('.extra');
									if (extraImageDataContainer.length) {
										// Remove current data from container.
										extraImageDataContainer.empty();
										if (!extraImageData && hasThumb) {
											// Extract data from thumbnail.
											extraImageData = thumb.data('data');
										}
										extraImageDataContainer.html(extraImageData);
									}
								}
							}
							
							// Image loaded callback.
							$.exposure.onImage($(this), imageDataContainer, thumb);
	
							// Preload next image.					
							$$.preloadNextInQueue();
						});						
					}
				}
				if (!validImage) {
					wrapper.siblings().andSelf().empty();
					$('.exposureThumbs li.active').removeClass('active');	
				}
				
				if ($.exposure.imageControls) {
					var page = $.exposure.pageNumberForImage(index);
					if ($$.currentPage !== page && !$$.pageTransition) {
						$.exposure.goToPage(page, index);	
					}
					$$.updatePaging(index+1);
				}
				
				$$.current = index;
				
				// If using carousel controls make sure to properly update the thumbnails.
				if ($.exposure.carouselControls && $$.images.length > $.exposure.pageSize) {
	                var firstVisibleImage = index;
	                var lastVisibleImage = $.exposure.pageSize-1;
	                var flooredVisibleImages = Math.floor($.exposure.pageSize/2);
	
	                if (!$.exposure.loop && index < flooredVisibleImages) {
	                    firstVisibleImage = 0;
	                } else if (!$.exposure.loop && index >= ($$.images.length - flooredVisibleImages)) {
	                    lastVisibleImage = $$.images.length-1;
	                    firstVisibleImage = lastVisibleImage - $.exposure.pageSize;
	                } else {
	                    firstVisibleImage -= flooredVisibleImages;
	                    lastVisibleImage = firstVisibleImage + $.exposure.pageSize-1;
	                }
	                
	                $.exposure.onCarousel(firstVisibleImage, lastVisibleImage);
	            
					$('.exposureThumbs li').removeClass('current').hide();
	                $$.viewThumbs(firstVisibleImage, lastVisibleImage);
	                $$.currentPage = $.exposure.pageNumberForImage(index);
	            }
			}
		},
		
		/**
		* View first image.
		*/
		firstImage : function() {
			if (!$.exposure.atFirstImage()) {
				if ($.exposure.separatePageBrowsing || $.exposure.atFirstPage()) {
					$.exposure.viewImage(0);
				} else {
					$.exposure.goToPage(1);	
				}
			}
		},
		
		/**
		* View next image.
		*/
		nextImage : function() {
			if (!$.exposure.separatePageBrowsing && $.exposure.lastImageOnPage()) {
				if ($.exposure.atLastPage() && $.exposure.loop) {
					// At the last page, go back to first page.
					$.exposure.goToPage(1);
				} else {
					// Go to the next page.
					$.exposure.goToPage($$.currentPage+1);
				}
				// Next image callback.
				$.exposure.onNext();
			} else {
				var next = $.exposure.getNextImage();
				if (next !== null) {
					// Select next image.
					$.exposure.viewImage(next);
					// Next image callback.
					$.exposure.onNext();	
				}
			}
			var nextNext = $.exposure.getNextImage();
			if (nextNext !== null) {
				// Add second next image to load queue.
				$$.addToLoadQueue(nextNext);
			}
		},
		
		/**
		* View previous image.
		*/
		prevImage : function() {
			if (!$.exposure.separatePageBrowsing && $.exposure.firstImageOnPage()) {
				if ($.exposure.atFirstPage() && $.exposure.loop) {
					// At the first page, go to the last page.
					$.exposure.goToPage($.exposure.numberOfPages(), $.exposure.numberOfImages()-1);
				} else {
					// Go to the previous page.	
					var page = $$.currentPage-1;
					$.exposure.goToPage(page, page * $.exposure.pageSize - 1);
				}
				// Previous image callback.
				$.exposure.onPrev();
			} else {
				var prev = $.exposure.getPrevImage();
				if (prev !== null) {
					// Select next image.
					$.exposure.viewImage(prev);
					// Previous image callback.
					$.exposure.onPrev();
				}
			}
			var prevPrev = $.exposure.getPrevImage();
			if (prevPrev !== null) {
				// Add second previous image to load queue.
				$$.addToLoadQueue(prevPrev);
			}
		},
		
		/**
		* View last image.
		*/
		lastImage : function() {
			if (!$.exposure.atLastImage()) {
				if ($.exposure.separatePageBrowsing || $.exposure.atLastPage()) {
					$.exposure.viewImage($.exposure.numberOfImages()-1);
				} else {
					$.exposure.goToPage($.exposure.numberOfPages(), $.exposure.numberOfImages()-1);	
				}
			}
		},
		
		/**
		* Play the slideshow.
		*/		
		playSlideshow : function() {
			if (!$$.playingSlideshow) {
				if ($.exposure.slideshowControlsTarget) {
					$('.exposurePlaySlideshow').hide();
					$('.exposurePauseSlideshow').show();
				}
				$$.slideshow();
				$$.playingSlideshow = true;		
			}
			$.exposure.onSlideshowPlayed();			
		},
		
		/**
		* Pause the slideshow.
		*/
		pauseSlideshow : function() {
			if ($$.playingSlideshow) {
				if ($.exposure.slideshowControlsTarget) {
					$('.exposurePlaySlideshow').show();
					$('.exposurePauseSlideshow').hide();
				}
				$$.playingSlideshow = false;
				if ($$.slideshowTimer) {
					clearTimeout($$.slideshowTimer);
				}
				$.exposure.onSlideshowPaused();
			}
		},
		
		/**
		* Toggle (play/pause)
		*/
		toggleSlideshow : function() {
			if ($$.playingSlideshow) {
				$.exposure.pauseSlideshow();
			} else {
				$.exposure.playSlideshow();
			}
		},
		
		/**
		* Go to first image/page depending on imageControls setting.
		*/
		first : function() {
			if ($.exposure.imageControls) {
				$.exposure.firstImage();	
			} else {
				$.exposure.firstPage();
			}
		},
		
		/**
		* Go to previous image/page depending on imageControls setting.
		*/
		prev : function() {
			if ($.exposure.imageControls) {
				$.exposure.prevImage();	
			} else {
				$.exposure.prevPage();
			}
		},
		
		/**
		* Go to next image/page depending on imageControls setting.
		*/
		next : function() {
			if ($.exposure.imageControls) {
				$.exposure.nextImage();	
			} else {
				$.exposure.nextPage();
			}
		},
		
		/**
		* Go to last image/page depending on imageControls setting.
		*/
		last : function() {
			if ($.exposure.imageControls) {
				$.exposure.lastImage();	
			} else {
				$.exposure.lastPage();
			}
		},
		
		/**
		* Leave full screen mode.
		*/
		exitFullScreen : function() {
			if ($$.infullScreen) {
				$.exposure.pauseSlideshow();
				$$.deselectCurrentImage();
				$.exposure.onExitFullScreen($('.exposureTarget'), $('.exposureMask'));
				$$.infullScreen = false;
			}
		},
		
		/**
		* Fit images to window (used in full screen mode).
		*/
		fitToWindow : function() {
			$.exposure.maxWidth = $(window).width();
			$.exposure.maxHeight = $(window).height();
			var image = $('.exposureCurrentImage').width('auto').height('auto');
			$$.fitToMaxSize(image);
			
			if (!image.width() || !image.height()) {
				// Workaround for bug caused by AdBlock plugin for Chrome and Safari: 
				// http://code.google.com/p/adblockforchrome/issues/detail?id=3701
				var delay = setInterval(function() {
					$$.centerImageInWindow(image);
					clearTimeout(delay);
				}, 2);
			} else {	
				$$.centerImageInWindow(image);
			}
		},
		
		/**
		* Default texts. Use the localization files to override these.
		*/
		texts : {
			first : 'First',
			previous : 'Prev',
			next : 'Next',
			last : 'Last',
			play : 'Play slideshow',
			pause : 'Pause slideshow'
		}
	}			
});
})(jQuery);

/*
* jQuery Hotkeys Plugin
* Copyright 2010, John Resig
* Dual licensed under the MIT or GPL Version 2 licenses.
*
* Based upon the plugin by Tzury Bar Yochay:
* http://github.com/tzuryby/hotkeys
*
* Original idea by:
* Binny V A, http://www.openjs.com/scripts/events/keyboard_shortcuts/
*/
(function(jQuery){jQuery.hotkeys={version:"0.8",specialKeys:{8:"backspace",9:"tab",13:"return",16:"shift",17:"ctrl",18:"alt",19:"pause",20:"capslock",27:"esc",32:"space",33:"pageup",34:"pagedown",35:"end",36:"home",37:"left",38:"up",39:"right",40:"down",45:"insert",46:"del",96:"0",97:"1",98:"2",99:"3",100:"4",101:"5",102:"6",103:"7",104:"8",105:"9",106:"*",107:"+",109:"-",110:".",111:"/",112:"f1",113:"f2",114:"f3",115:"f4",116:"f5",117:"f6",118:"f7",119:"f8",120:"f9",121:"f10",122:"f11",123:"f12",144:"numlock",145:"scroll",191:"/",224:"meta"},shiftNums:{"`":"~","1":"!","2":"@","3":"#","4":"$","5":"%","6":"^","7":"&","8":"*","9":"(","0":")","-":"_","=":"+",";":": ","'":"\"",",":"<",".":">","/":"?","\\":"|"}};function keyHandler(handleObj){if(typeof handleObj.data!=="string"){return}var origHandler=handleObj.handler,keys=handleObj.data.toLowerCase().split(" ");handleObj.handler=function(event){if(this!==event.target&&(/textarea|select/i.test(event.target.nodeName)||event.target.type==="text")){return}var special=event.type!=="keypress"&&jQuery.hotkeys.specialKeys[event.which],character=String.fromCharCode(event.which).toLowerCase(),key,modif="",possible={};if(event.altKey&&special!=="alt"){modif+="alt+"}if(event.ctrlKey&&special!=="ctrl"){modif+="ctrl+"}if(event.metaKey&&!event.ctrlKey&&special!=="meta"){modif+="meta+"}if(event.shiftKey&&special!=="shift"){modif+="shift+"}if(special){possible[modif+special]=true}else{possible[modif+character]=true;possible[modif+jQuery.hotkeys.shiftNums[character]]=true;if(modif==="shift+"){possible[jQuery.hotkeys.shiftNums[character]]=true}}for(var i=0,l=keys.length;i<l;i++){if(possible[keys[i]]){return origHandler.apply(this,arguments)}}}}jQuery.each(["keydown","keyup","keypress"],function(){jQuery.event.special[this]={add:keyHandler}})})(jQuery);