/*

 * jQuery Galleriffic plugin

 *

 * Copyright (c) 2008 Trent Foley (http://trentacular.com)

 * Licensed under the MIT License:

 *   http://www.opensource.org/licenses/mit-license.php

 *

 * Thanks to Taku Sano (Mikage Sawatari), whose history plugin I adapted to work with Galleriffic

 * Modified by Ghismo (ghismo.com) to disable the location rewrite 

 */

;(function($) {



	// Write noscript style

	document.write("<style type='text/css'>.noscript{display:none}</style>");



	var ver = 'galleriffic-1.0';

	var galleryOffset = 0;

	var galleries = [];

	var allImages = [];	

	var historyCurrentHash;

	var historyBackStack;

	var historyForwardStack;

	var isFirst = false;

	var dontCheck = false;

	var isInitialized = false;



	function getHashFromString(hash) {

		if (!hash) return -1;

		hash = hash.replace(/^.*#/, '');

		if (isNaN(hash)) return -1;

		return (+hash);

	}



	function getHash() {

		var hash = location.hash;

		return getHashFromString(hash);

	}



	function registerGallery(gallery) {

		galleries.push(gallery);



		// update the global offset value

		galleryOffset += gallery.data.length;

	}



	function getGallery(hash) {

		for (i = 0; i < galleries.length; i++) {

			var gallery = galleries[i];

			if (hash < (gallery.data.length+gallery.offset))

				return gallery;

		}

		return 0;

	}

	

	function getIndex(gallery, hash) {

		return hash-gallery.offset;

	}

	

	function clickHandler(e, gallery, link) {

		gallery.pause();



		if (!gallery.settings.enableHistory) {

			var hash = getHashFromString(link.href);

			if (hash >= 0) {

				var index = getIndex(gallery, hash);

				if (index >= 0)

					gallery.goto(index);

			}

			e.preventDefault();

		}

	}



	function historyCallback() {

		// Using present location.hash always (seems to work, unlike the hash argument passed to this callback)

		var hash = getHash();

		if (hash < 0) return;



		var gallery = getGallery(hash);

		if (!gallery) return;

		

		var index = hash-gallery.offset;

		gallery.goto(index);

	}

	

	function historyInit() {

		if (isInitialized) return;

		isInitialized = true; 



		var current_hash = location.hash; //(enableHistory) ? location.hash : currentIndexHash; // Ghismo



		historyCurrentHash = current_hash;

		if ($.browser.msie) {

			// To stop the callback firing twice during initilization if no hash present

			if (historyCurrentHash == '') {

				historyCurrentHash = '#';

			}

		} else if ($.browser.safari) {

			// etablish back/forward stacks

			historyBackStack = [];

			historyBackStack.length = history.length;

			historyForwardStack = [];

			isFirst = true;

		}



		setInterval(function() { historyCheck(); }, 100);

	}

	

	function historyAddHistory(hash) {

		// This makes the looping function do something

		historyBackStack.push(hash);

		historyForwardStack.length = 0; // clear forwardStack (true click occured)

		isFirst = true;

	}

	

	function historyCheck() {

		if ($.browser.safari) {

			if (!dontCheck) {

				var historyDelta = history.length - historyBackStack.length;

				

				if (historyDelta) { // back or forward button has been pushed

					isFirst = false;

					if (historyDelta < 0) { // back button has been pushed

						// move items to forward stack

						for (var i = 0; i < Math.abs(historyDelta); i++) historyForwardStack.unshift(historyBackStack.pop());

					} else { // forward button has been pushed

						// move items to back stack

						for (var i = 0; i < historyDelta; i++) historyBackStack.push(historyForwardStack.shift());

					}

					var cachedHash = historyBackStack[historyBackStack.length - 1];

					if (cachedHash != undefined) {

						historyCurrentHash = location.hash; // (enableHistory) ? location.hash : currentIndexHash; // Ghismo

						historyCallback();

					}

				} else if (historyBackStack[historyBackStack.length - 1] == undefined && !isFirst) {

					historyCallback();

					isFirst = true;

				}

			}

		} else {

			// otherwise, check for location.hash

			var current_hash = location.hash; // (enableHistory) ? location.hash : currentIndexHash; // Ghismo

			if(current_hash != historyCurrentHash) {

				historyCurrentHash = current_hash;

				historyCallback();

			}

		}

	}



	var defaults = {

		delay:                  3000,

		numThumbs:              20,

		preloadAhead:           40, // Set to -1 to preload all images

		enableTopPager:         false,

		enableBottomPager:      true,

		imageContainerSel:      '',

		captionContainerSel:    '',

		controlsContainerSel:   '',

		loadingContainerSel:    '',

		renderSSControls:       true,

		renderNavControls:      true,

		playLinkText:           'Play',

		pauseLinkText:          'Pause',

		prevLinkText:           'Previous',

		nextLinkText:           'Next',

		nextPageLinkText:       'Next &rsaquo;',

		prevPageLinkText:       '&lsaquo; Prev',

		enableHistory:          false,

		autoStart:              false,

		onChange:               undefined, // accepts a delegate like such: function(prevIndex, nextIndex) { ... }

		onTransitionOut:        undefined, // accepts a delegate like such: function(callback) { ... }

		onTransitionIn:         undefined, // accepts a delegate like such: function() { ... }

		onPageTransitionOut:    undefined, // accepts a delegate like such: function(callback) { ... }

		onPageTransitionIn:     undefined  // accepts a delegate like such: function() { ... }

	};



	$.fn.galleriffic = function(thumbsContainerSel, settings) {

		//  Extend Gallery Object

		$.extend(this, {

			ver: function() {

				return ver;

			},



			initializeThumbs: function() {

				this.data = [];

				var gallery = this;

				

				this.$thumbsContainer.find('ul.thumbs > li').each(function(i) {

					var $li = $(this);

					var $aThumb = $li.find('a.thumb');

					var hash = gallery.offset+i;



					gallery.data.push({

						title:$aThumb.attr('title'),

						slideUrl:$aThumb.attr('href'),

						caption:$li.find('.caption').remove(),

						hash:hash

					});



					// Setup history

					$aThumb.attr('rel', 'history');

					$aThumb.attr('href', '#'+hash);

					$aThumb.click(function(e) {

						clickHandler(e, gallery, this);

					});

				});

				return this;

			},



			isPreloadComplete: false,



			preloadInit: function() {

				if (this.settings.preloadAhead == 0) return this;

				

				this.preloadStartIndex = this.currentIndex;

				var nextIndex = this.getNextIndex(this.preloadStartIndex);

				return this.preloadRecursive(this.preloadStartIndex, nextIndex);

			},

			

			preloadRelocate: function(index) {

				// By changing this startIndex, the current preload script will restart

				this.preloadStartIndex = index;

				return this;

			},



			preloadRecursive: function(startIndex, currentIndex) {

				// Check if startIndex has been relocated

				if (startIndex != this.preloadStartIndex) {

					var nextIndex = this.getNextIndex(this.preloadStartIndex);

					return this.preloadRecursive(this.preloadStartIndex, nextIndex);

				}



				var gallery = this;



				// Now check for preloadAhead count

				var preloadCount = currentIndex - startIndex;

				if (preloadCount < 0)

					preloadCount = this.data.length-1-startIndex+currentIndex;

				if (this.settings.preloadAhead >= 0 && preloadCount > this.settings.preloadAhead) {

					// Do this in order to keep checking for relocated start index

					setTimeout(function() { gallery.preloadRecursive(startIndex, currentIndex); }, 500);

					return this;

				}



				var imageData = this.data[currentIndex];

				if (!imageData)

					return this;



				// If already loaded, continue

				if (imageData.image)

					return this.preloadNext(startIndex, currentIndex); 

				

				// Preload the image

				var image = new Image();

				

				image.onload = function() {

					imageData.image = this;

					gallery.preloadNext(startIndex, currentIndex);

				};



				image.alt = imageData.title;

				image.src = imageData.slideUrl;



				return this;

			},

			

			preloadNext: function(startIndex, currentIndex) {

				var nextIndex = this.getNextIndex(currentIndex);

				if (nextIndex == startIndex) {

					this.isPreloadComplete = true;

				} else {

					// Use set timeout to free up thread

					var gallery = this;

					setTimeout(function() { gallery.preloadRecursive(startIndex, nextIndex); }, 100);

				}

				return this;

			},



			getNextIndex: function(index) {

				var nextIndex = index+1;

				if (nextIndex >= this.data.length)

					nextIndex = 0;

				return nextIndex;

			},

			

			getPrevIndex: function(index) {

				var prevIndex = index-1;

				if (prevIndex < 0)

					prevIndex = this.data.length-1;

				return prevIndex;

			},



			pause: function() {

				if (this.interval)

					this.toggleSlideshow();

				

				return this;

			},



			play: function() {

				if (!this.interval)

					this.toggleSlideshow();

				

				return this;

			},



			toggleSlideshow: function() {

				if (this.interval) {

					clearInterval(this.interval);

					this.interval = 0;

					

					if (this.$controlsContainer) {

						this.$controlsContainer

							.find('div.ss-controls a').removeClass().addClass('play')

							.attr('title', this.settings.playLinkText)

							.attr('href', '#play')

							.html(this.settings.playLinkText);

					}

				} else {

					this.ssAdvance();



					var gallery = this;

					this.interval = setInterval(function() {

						gallery.ssAdvance();

					}, this.settings.delay);

					

					if (this.$controlsContainer) {

						this.$controlsContainer

							.find('div.ss-controls a').removeClass().addClass('pause')

							.attr('title', this.settings.pauseLinkText)

							.attr('href', '#pause')

							.html(this.settings.pauseLinkText);

					}

				}



				return this;

			},



			ssAdvance: function() {

				var nextIndex = this.getNextIndex(this.currentIndex);

				var nextHash = this.data[nextIndex].hash;



				// Seems to be working on both FF and Safari

				if (this.settings.enableHistory)

					location.href = '#'+nextHash;

				else

					this.goto(nextIndex);



				// IE we need to explicity call goto

				//if ($.browser.msie) {

				//	this.goto(nextIndex);

				//}



				return this;

			},



			goto: function(index) {

				if (index < 0) index = 0;

				else if (index >= this.data.length) index = this.data.length-1;

				

				if (this.settings.onChange)

					this.settings.onChange(this.currentIndex, index);

				

				this.currentIndex = index;

				this.preloadRelocate(index);

				return this.refresh();

			},

			

			refresh: function() {

				var imageData = this.data[this.currentIndex];

				if (!imageData)

					return this;

				

				// Flag we are transitioning

				var isTransitioning = true;



				var gallery = this;



				var transitionOutCallback = function() {

					// Flag that the transition has completed

					isTransitioning = false;



					// Update Controls

					if (gallery.$controlsContainer) {

						gallery.$controlsContainer

							.find('div.nav-controls a.prev').attr('href', '#'+gallery.data[gallery.getPrevIndex(gallery.currentIndex)].hash).end()

							.find('div.nav-controls a.next').attr('href', '#'+gallery.data[gallery.getNextIndex(gallery.currentIndex)].hash);

					}



					var imageData = gallery.data[gallery.currentIndex];



					// Replace Caption

					if (gallery.$captionContainer) {

						gallery.$captionContainer.empty().append(imageData.caption);

					}



					if (imageData.image) {

						gallery.buildImage(imageData.image);

					} else {

						// Show loading container

						if (gallery.$loadingContainer) {

							gallery.$loadingContainer.show();

						}

					}

				}



				if (this.settings.onTransitionOut) {

					this.settings.onTransitionOut(transitionOutCallback);

				} else {

					this.$transitionContainers.hide();

					transitionOutCallback();

				}



				if (!imageData.image) {

					var image = new Image();

					

					// Wire up mainImage onload event

					image.onload = function() {

						imageData.image = this;



						if (!isTransitioning) {

							gallery.buildImage(imageData.image);

						}

					};



					// set alt and src

					image.alt = imageData.title;

					image.src = imageData.slideUrl;

				}



				// This causes the preloader (if still running) to relocate out from the currentIndex

				this.relocatePreload = true;



				return this.syncThumbs();

			},

			

			buildImage: function(image) {

				if (this.$imageContainer) {

					this.$imageContainer.empty();



					var gallery = this;

					var nextIndex = this.getNextIndex(this.currentIndex);



					// Hide the loading conatiner

					if (this.$loadingContainer) {

						this.$loadingContainer.hide();

					}



					// Setup image

					this.$imageContainer

						.append('<span class="image-wrapper"><a class="advance-link" rel="history" href="#'+this.data[nextIndex].hash+'" title="'+image.alt+'"></a></span>')

						.find('a')

						.append(image)

						.click(function(e) {

							clickHandler(e, gallery, this);

						});

				}



				if (this.settings.onTransitionIn)

					this.settings.onTransitionIn();

				else

					this.$transitionContainers.show();



				return this;

			},



			syncThumbs: function() {

				if (this.$thumbsContainer) {

					var page = Math.floor(this.currentIndex / this.settings.numThumbs);

					if (page != this.currentPage) {

						this.currentPage = page;

						this.updateThumbs();

					}



					// Remove existing selected class and add selected class to new thumb

					var $thumbs = this.$thumbsContainer.find('ul.thumbs').children();

					$thumbs.filter('.selected').removeClass('selected');

					$thumbs.eq(this.currentIndex).addClass('selected');

				}



				return this;

			},



			updateThumbs: function() {

				var gallery = this;

				var transitionOutCallback = function() {

					gallery.rebuildThumbs();



					// Transition In the thumbsContainer

					if (gallery.settings.onPageTransitionIn)

						gallery.settings.onPageTransitionIn();

					else

						gallery.$thumbsContainer.show();

				};



				// Transition Out the thumbsContainer

				if (this.settings.onPageTransitionOut) {

					this.settings.onPageTransitionOut(transitionOutCallback);

				} else {

					this.$thumbsContainer.hide();

					transitionOutCallback();

				}



				return this;

			},



			rebuildThumbs: function() {

				// Initialize currentPage to first page

				if (this.currentPage < 0)

					this.currentPage = 0;

				

				var needsPagination = this.data.length > this.settings.numThumbs;



				// Rebuild top pager

				var $topPager = this.$thumbsContainer.find('div.top');

				if ($topPager.length == 0)

					$topPager = this.$thumbsContainer.prepend('<div class="top pagination"></div>').find('div.top');



				if (needsPagination && this.settings.enableTopPager) {

					$topPager.empty();

					this.buildPager($topPager);

				}



				// Rebuild bottom pager

				if (needsPagination && this.settings.enableBottomPager) {

					var $bottomPager = this.$thumbsContainer.find('div.bottom');

					if ($bottomPager.length == 0)

						$bottomPager = this.$thumbsContainer.append('<div class="bottom pagination"></div>').find('div.bottom');

					else

						$bottomPager.empty();



					this.buildPager($bottomPager);

				}



				var startIndex = this.currentPage*this.settings.numThumbs;

				var stopIndex = startIndex+this.settings.numThumbs-1;

				if (stopIndex >= this.data.length)

					stopIndex = this.data.length-1;



				// Show/Hide thumbs

				var $thumbsUl = this.$thumbsContainer.find('ul.thumbs');

				$thumbsUl.find('li').each(function(i) {

					var $li = $(this);

					if (i >= startIndex && i <= stopIndex) {

						$li.show();

					} else {

						$li.hide();

					}

				});



				// Remove the noscript class from the thumbs container ul

				$thumbsUl.removeClass('noscript');

				

				return this;

			},



			buildPager: function(pager) {

				var gallery = this;

				var startIndex = this.currentPage*this.settings.numThumbs;

				

				// Prev Page Link

				if (this.currentPage > 0) {

					var prevPage = startIndex - this.settings.numThumbs;

					pager.append('<a rel="history" href="#'+this.data[prevPage].hash+'" title="'+this.settings.prevPageLinkText+'">'+this.settings.prevPageLinkText+'</a>');

				}



				// Page Index Links

				for (i=this.currentPage-3; i<=this.currentPage+3; i++) {

					var pageNum = i+1;

					

					if (i == this.currentPage)

						pager.append('<span class="current">'+pageNum+'</span>');

					else if (i>=0 && i<this.numPages) {

						var imageIndex = i*this.settings.numThumbs;

						pager.append('<a rel="history" href="#'+this.data[imageIndex].hash+'" title="'+pageNum+'">'+pageNum+'</a>');

					}

				}



				// Next Page Link

				var nextPage = startIndex+this.settings.numThumbs;

				if (nextPage < this.data.length) {

					pager.append('<a rel="history" href="#'+this.data[nextPage].hash+'" title="'+this.settings.nextPageLinkText+'">'+this.settings.nextPageLinkText+'</a>');

				}



				pager.find('a').click(function(e) {

					clickHandler(e, gallery, this);

				});



				return this;

			}

		});



		// Now initialize the gallery

		this.settings = $.extend({}, defaults, settings);

		//enableHistory = this.settings.enableHistory; // Ghismo



		if (this.interval)

			clearInterval(this.interval);



		this.interval = 0;

		

		if (this.settings.imageContainerSel) this.$imageContainer = $(this.settings.imageContainerSel);

		if (this.settings.captionContainerSel) this.$captionContainer = $(this.settings.captionContainerSel);

		if (this.settings.loadingContainerSel) this.$loadingContainer = $(this.settings.loadingContainerSel);



		// Setup the jQuery object holding each container that will be transitioned

		this.$transitionContainers = $([]);

		if (this.$imageContainer)

			this.$transitionContainers = this.$transitionContainers.add(this.$imageContainer);

		if (this.$captionContainer)

			this.$transitionContainers = this.$transitionContainers.add(this.$captionContainer);

		

		// Set the hash index offset for this gallery

		this.offset = galleryOffset;



		this.$thumbsContainer = $(thumbsContainerSel);

		this.initializeThumbs();



		// Add this gallery to the global galleries array

		registerGallery(this);



		this.numPages = Math.ceil(this.data.length/this.settings.numThumbs);

		this.currentPage = -1;

		this.currentIndex = 0;

		var gallery = this;



		// Hide the loadingContainer

		if (this.$loadingContainer)

			this.$loadingContainer.hide();



		// Setup controls

		if (this.settings.controlsContainerSel) {

			this.$controlsContainer = $(this.settings.controlsContainerSel).empty();

			

			if (this.settings.renderSSControls) {

				if (this.settings.autoStart) {

					this.$controlsContainer

						.append('<div class="ss-controls"><a href="#pause" class="pause" title="'+this.settings.pauseLinkText+'">'+this.settings.pauseLinkText+'</a></div>');

				} else {

					this.$controlsContainer

						.append('<div class="ss-controls"><a href="#play" class="play" title="'+this.settings.playLinkText+'">'+this.settings.playLinkText+'</a></div>');

				}



				this.$controlsContainer.find('div.ss-controls a')

					.click(function(e) {

						gallery.toggleSlideshow();

						e.preventDefault();

						return false;

					});

			}

		

			if (this.settings.renderNavControls) {

				var $navControls = this.$controlsContainer

					.append('<div class="nav-controls"><a class="prev" rel="history" title="'+this.settings.prevLinkText+'">'+this.settings.prevLinkText+'</a><a class="next" rel="history" title="'+this.settings.nextLinkText+'">'+this.settings.nextLinkText+'</a></div>')

					.find('div.nav-controls a')

					.click(function(e) {

						clickHandler(e, gallery, this);

					});

			}

		}



		// Initialize history only once when the first gallery on the page is initialized

		historyInit();

		

		// Build image

		var hash = getHash();

		var hashGallery = (hash >= 0) ? getGallery(hash) : 0;

		var gotoIndex = (hashGallery && this == hashGallery) ? (hash-this.offset) : 0;

		this.goto(gotoIndex);



		if (this.settings.autoStart) {

			

			setTimeout(function() { gallery.play(); }, this.settings.delay);

		}



		// Kickoff Image Preloader after 1 second

		setTimeout(function() { gallery.preloadInit(); }, 1000);



		return this;

	};

})(jQuery);