/*
 * jQuery FlickrGallery - jQuery plug-in
 * Version 1.0.1, Released 
 *
 * Copyright (c) 2008 Steven Dugas
 * This work is licensed under a Creative Commons Attribution 3.0 Unported License.
 */
(function($) {
	$.fn.flickrGallery = function(options) {

		var defaults = {
			galleryHeight: 'auto',  			// either [string] 'auto' or [integer]. If [integer] gallery will have a strict height to that number.
			useFlickr: 'false',  				// [string], 'true' or 'false'. Determines if gallery is local or flickr based.
			useFlickrLargeSize: 'false', 		// [string], 'true' or 'false'. Determines whether gallery is Large or Small.
			flickrAPIKey: '',   				// [string], required for Flickr gallery.
			photosetID: '',    					// [string], required for Flickr gallery.
			per_page: 30,       				// [integer], amount of thumbnails per 'page'.
			useHoverIntent: 'false', 		// [string], 'true' or 'false'. Uses HoverIntent plugin for better Hovers.
			useLightBox: 'false'				// [string], 'true' or 'false. Uses jQuery Lightbox plugin for Small Images
		};
		var options = $.extend(defaults, options);
		//options.galleryHeight = 'auto';
		return this.each(function() {
			obj = $(this);

			// Massive function to create the Image Gallery and register all event handlers. Must be a function to recreate gallery on Next/Prev Page.
			function makeGallery() {

				// Create Variables
				var flickrLargeImg;
				var theCaption;
				var container;
				var stepCount;
				var count = 1;
				var totalImageCount = 0;
				var currentImageCount = 1;
				thumbs = obj.find('ul');
				thumbs.addClass('galleryUL');

				obj.append('<div class="largeImageWrap clearfix"><div class="largeImage_prev"><span><!-- --></span></div><div class="largeImage_next"><span><!-- --></span></div><div class="largeImage"></div><div class="caption"></div></div>');
				
				var largeImageWrap = obj.find('.largeImageWrap');
				var nextPage = obj.find('.largeImage_nextPage');
				var prevPage = obj.find('.largeImage_prevPage');
				var nextImg = obj.find('.largeImage_next');
				var prevImg = obj.find('.largeImage_prev');
				var largeImageFlickrLink = obj.find('.largeImage_flickrLink');
				var largeImage = obj.find('.largeImage');
				var imgCaption = obj.find('.caption');



				// Determine if gallery is fixed or auto height. If Fixed, set height.
				if (options.galleryHeight != 'auto') {
					var theHeight = parseFloat(options.galleryHeight);
					largeImageWrap.animate({ height: theHeight + 'px' }, 600);
				}

				// Add unique IDs to each thumbnail image

				thumbs.wrap('<div class="sliderGallery"></div>');
				var sliderGallery = obj.find('.sliderGallery');
				sliderGallery.wrap('<div class="sliderGallery_Wrap"></div>');
				var sliderGalleryWrap = obj.find('.sliderGallery_Wrap');
				sliderGallery.append('<div class="slider"><div class="handle"></div></div>');
				var theSlider = obj.find('.slider');
				var theHandle = obj.find('.handle');
				count = 1;
				countli = 1;
				totalImageCount = 0;
				currentImageCount = 1;
				obj.find('.galleryUL img').each(function() {
					var IESRC = $(this).attr('loadsrc');
					$(this).attr('loadsrc', IESRC);
					$(this).attr('id', 'galleryThumb_' + count);
					if($(this).hasClass('active'))
						currentImageCount = count;
					count++;
					totalImageCount++;
				});
				obj.find('.galleryUL li').each(function() {
					$(this).attr('id', 'galleryThumbli_' + countli);
					countli++;
				});

				// Function for clicking Next Page. This is a Flickr-only function.
				nextPage.click(function() {
					currentPage = parseFloat($(obj).find('input:eq(0)').val());
					totalPages = parseFloat($(obj).find('input:eq(1)').val());
					nextPage = currentPage + 1;
					if (nextPage > totalPages) {
						nextPage = 1;
					};
					$(theSlider, container).slider("destroy");
					sliderGalleryWrap.hide();
					$(obj).children().slideUp();
					obj.slideUp('slow', function() {
						obj.empty();
						obj.flickr({
							api_key: options.flickrAPIKey,
							type: 'photoset',
							photoset_id: options.photosetID,
							thumb_size: 'm',
							per_page: options.per_page,
							page: nextPage,
							callback: function() {
								makeGallery();
							}
						});
						obj.slideDown();
					});
				});

				// Function for clicking Previous Page. This is a Flickr function.
				prevPage.click(function() {
					currentPage = parseFloat($(obj).find('input:eq(0)').val());
					totalPages = parseFloat($(obj).find('input:eq(1)').val());
					prevPage = currentPage - 1;
					if (prevPage == 0) {
						prevPage = totalPages;
					};
					$(theSlider, container).slider("destroy");
					sliderGalleryWrap.hide();
					$(obj).children().slideUp();
					obj.slideUp('slow', function() {
						obj.empty();
						obj.flickr({
							api_key: options.flickrAPIKey,
							type: 'photoset',
							photoset_id: options.photosetID,
							thumb_size: 'm',
							per_page: options.per_page,
							page: prevPage,
							callback: function() {
								makeGallery();
							}
						});
						obj.slideDown();
					});
				});

				// calcHeight function, used to process image changing on next, prev or click.

				function calcHeight() {
					largeImage.fadeOut(function() {
						function doHeight() {
							largeImage.fadeIn(function() {
								var imgHeight = largeImage.find('img').height();
								var captionHeight = imgCaption.height();
								largeImage.find('img').css({
									position: '',
									visibility: 'visible',
									display: 'none'
								});
								if (options.galleryHeight == 'auto') {
									largeImageWrap.animate({
										height: imgHeight + captionHeight + 'px'
									}, function() { largeImage.find('img').fadeIn(); imgCaption.fadeIn(); });
								} else {
									largeImage.find('img').fadeIn();
									imgCaption.fadeIn();
								};

							});
							slideValue = currentImageCount - 1;
							slideValue = slideValue * stepCount;
							$(theSlider, container).slider("moveTo", slideValue);
						};
						$(this).find('img').remove();
						imgCaption.empty();
						var i = new Image();
						thumbs.find('#galleryThumb_' + currentImageCount).clone().css('opacity', 1).appendTo(largeImage);
						theCaption = thumbs.find('#galleryThumb_' + currentImageCount).attr('rel');
						var id = theCaption.match(/(\<a href)=\'(.*?)(\'|$)/)[2]; 
						largeImage.find('img').attr("src", largeImage.find('img').attr("loadsrc")).wrap('<a href="' + id + '" target="_blank"></a>');
						doHeight();
						
						imgCaption.append(theCaption).hide();
						thumbs.find('#galleryThumbli_' + currentImageCount).addClass('active');
						largeImage.find('img').css({
							position: 'absolute',
							visibility: 'hidden',
							display: 'block'
						}).addClass('' + currentImageCount + '').attr('rel', theCaption);
					});
				};



				// Create the slider
				obj.find('div.sliderGallery').each(function() {
					container = $(this);
					var ul = thumbs;
					ul.css('display', 'block');
					var itemsWidth = ul.innerWidth() - container.outerWidth();
					var totalCount = totalImageCount;
					totalCount = parseFloat(totalCount - 1);
					stepCount = itemsWidth / totalCount;
					var division = itemsWidth / totalCount;
					var theValue = 0;
					$(theSlider, container).slider({
						min: 0,
						max: itemsWidth,
						handle: theHandle,
						steps: totalCount,
						stop: function(event, ui) {
							ul.animate({ 'left': ui.value * -1 }, 500);
							theValue = ui.value;
						},
						slide: function(event, ui) {
							ul.css('left', ui.value * -1);
						}
					});
					obj.find('.galleryUL img').click(function() {
						thumbs.find('#galleryThumbli_' + currentImageCount).removeClass('active');
						var clickThumb = $(this);
						var startCount = 0;
						var theCaption = $(this).attr('rel');
						currentImageCount = $(this).attr('id');
						currentImageCount = parseFloat(currentImageCount.split("_", 2)[1]);
						calcHeight();
					});
				});
				// End of SlideBar


				//  Fade in the first image with caption 
				function startHeight() {
					imgCaption.append(theCaption).hide();
					largeImage.find('img').css({
						position: '',
						visibility: 'visible',
						display: 'none'
					});
					largeImage.find('img').addClass('' + currentImageCount + '').attr('rel', theCaption);
					thumbs.find('#galleryThumbli_' + currentImageCount).addClass('active');
					largeImage.show(function() {
						imgHeight = largeImage.find('img').height();
						captionHeight = imgCaption.height();
						if (options.galleryHeight == 'auto') {
							largeImageWrap.animate({
								height: imgHeight + captionHeight + 'px'
							}, 'slow', 'swing',
					function() {
						largeImage.css({ visibility: 'visible' });
						imgCaption.fadeIn();
						largeImage.find('img').fadeIn(300, function() {
							sliderGallery.hide().wrapInner('<div id="sliderGalleryInnerWrap"></div>');
							var sliderGalleryInnerWrap = obj.find('#sliderGalleryInnerWrap');
							sliderGalleryInnerWrap.hide();
							sliderGalleryWrap.show();
							sliderGallery.slideDown('slow', function() {
								sliderGalleryInnerWrap.fadeIn();
							});
						});
					});
						} else {
							largeImage.css({ visibility: 'visible' });
							largeImage.find('img').fadeIn('slow', function() {
								sliderGallery.hide().wrapInner('<div id="sliderGalleryInnerWrap"></div>');
								var sliderGalleryInnerWrap = obj.find('#sliderGalleryInnerWrap');
								sliderGalleryInnerWrap.hide();
								sliderGalleryWrap.show();
								sliderGallery.slideDown('slow', function() {
									sliderGalleryInnerWrap.fadeIn('slow');
								});
							});
							imgCaption.fadeIn('slow');
						};
					});
					slideValue = currentImageCount - 1;
					slideValue = slideValue * stepCount;
					$(theSlider, container).slider("moveTo", slideValue);
				};
				sliderGalleryWrap.hide();
				largeImage.hide().css({ visibility: 'hidden' });
				thumbs.find('#galleryThumb_' + currentImageCount).removeClass('active');

				var i = new Image();
				thumbs.find('#galleryThumb_' + currentImageCount).clone().appendTo(largeImage);
				theCaption = thumbs.find('#galleryThumb_' + currentImageCount).attr('rel');
				var id = theCaption.match(/(\<a href)=\'(.*?)(\'|$)/)[2]; 
				largeImage.find('img').attr("src", largeImage.find('img').attr("loadsrc")).wrap('<a href="' + id + '" target="_blank"></a>');
				startHeight();
				

				// Change the opacity when hovering over thumbnails	
				// Function for Previous button onclick
				prevImg.click(function() {
					thumbs.find('#galleryThumbli_' + currentImageCount).removeClass('active');
					var theSRC = largeImage.find('img').attr('loadsrc');
					currentImageCount = largeImage.find('img').attr('class');
					var newSRC = "";
					var newImage = "";
					var fixIE = "";
					var prevImageCount = currentImageCount - 1;
					if (prevImageCount < 1) {
						currentImageCount = totalImageCount;
					} else {
						currentImageCount = prevImageCount;
					};
					newSRC = thumbs.find('#galleryThumb_' + currentImageCount).attr('loadsrc');
					newImage = thumbs.find('#galleryThumb_' + currentImageCount).clone().css('opacity', 1).addClass('' + currentImageCount + '');
					newImage.attr("src", newSRC);
					calcHeight();
				});

				// Function for Next button onclick
				nextImg.click(function() {
					thumbs.find('#galleryThumbli_' + currentImageCount).removeClass('active');
					var theSRC = largeImage.find('img').attr('loadsrc');
					currentImageCount = largeImage.find('img').attr('class');
					currentImageCount = parseFloat(currentImageCount);
					var newSRC = "";
					var theCaption = "";
					var newImage = "";
					var nextImageCount = currentImageCount + 1;
					if (nextImageCount > totalImageCount) {
						currentImageCount = 1;
					} else {
						currentImageCount = nextImageCount;
					};
					newSRC = thumbs.find('#galleryThumb_' + currentImageCount).attr('loadsrc');
					newImage = thumbs.find('#galleryThumb_' + currentImageCount).clone().css('opacity', 1).addClass('' + currentImageCount + '');
					newImage.attr("src", newSRC);
					calcHeight();
				});
			};

			makeGallery();
		});
	};
})(jQuery);