ÿþ/*global jQuery, $ */

/*

	jQuery.PictureSlides is developed by Robert Nyman, http://www.robertnyman.com

	For more information, please see http://www.robertnyman.com/picture-slides

	Released under a MIT License

*/

jQuery.PictureSlides = function () {

	var useMSFilter = false,

		slideshows = [],

		set = function (settings) {

			slideshows.push(settings);

		},

		

		init = function () {

			var counter = 0;

			$(".picture-slides-container").each(function () {

				var elm = $(this),

					

					// Element references

					settings = slideshows[counter++],

					mainImage = elm.find("." + settings.mainImageClass),

					mainImageFailedToLoad = elm.find("." + settings.mainImageFailedToLoadClass),

					imageLink = elm.find("." + settings.imageLinkClass),

					fadeContainer = elm.find("." + settings.fadeContainerClass),

					imageTextContainer = elm.find("." + settings.imageTextContainerClass),

					previousLink = elm.find("." + settings.previousLinkClass),

					nextLink = elm.find("." + settings.nextLinkClass),

					imageCounter = elm.find("." + settings.imageCounterClass),

					startSlideShowLink = elm.find("." + settings.startSlideShowClass),

					stopSlideShowLink = elm.find("." + settings.stopSlideShowClass),

					thumbnailContainer = elm.find("." + settings.thumbnailContainerClass),

					thumbnailEvent = settings.thumbnailActivationEvent,

					thumbnailLinks,

					dimBackgroundOverlay = $("." + settings.dimBackgroundOverlayClass),

					

					// General image settings

					usePreloading = settings.usePreloading,

					useAltAsTooltip = settings.useAltAsTooltip,

					useTextAsTooltip = settings.useTextAsTooltip,

					images = settings.images,

					startIndex = (settings.startIndex > 0)? (settings.startIndex - 1) : settings.startIndex,

					imageIndex = startIndex,

					currentImageIndex = imageIndex,

					startSlideShowFromBeginning = settings.startSlideShowFromBeginning,

					dimBackgroundAtLoad = settings.dimBackgroundAtLoad,

					

					// General fade settings

					useFadingIn = settings.useFadingIn,

					useFadingOut = settings.useFadingOut,

					useFadeWhenNotSlideshow = settings.useFadeWhenNotSlideshow,

					useFadeForSlideshow = settings.useFadeForSlideshow,

					useDimBackgroundForSlideshow = settings.useDimBackgroundForSlideshow,

					loopSlideshow = settings.loopSlideshow,

					fadeTime = settings.fadeTime,

					timeForSlideInSlideshow = settings.timeForSlideInSlideshow,

					startSlideshowAtLoad = settings.startSlideshowAtLoad,

					slideshowPlaying = false,

					timer,

					

					// Sets main image

					setImage = function () {

						// Set main image values

						var imageItem = images[imageIndex];

						mainImage.attr({

							src : imageItem.image,

							alt : imageItem.alt

						});

						

						// If the alt text should be used as the tooltip

						if (useAltAsTooltip) {

							mainImage.attr("title", imageItem.alt);

						}

						

						// If the image text should be used as the tooltip

						if (useTextAsTooltip) {

							mainImage.attr("title", imageItem.text);

						}

						

						// Set image text

						if (imageTextContainer.length > 0) {

							//imageTextContainer.innerHTML(imageItem.innerHTML);

							imageTextContainer.text(imageTextContainer.text);

						}

						

						// Set image link

						if (imageLink.length > 0) {

							var url = imageItem.url;

							var linkTarget = imageItem.linkTarget;

							if (typeof url !== "undefined" && url.length > 0) {

							    imageLink.attr("target", imageItem.linkTarget);

								imageLink.attr("href", imageItem.url);

							}

							else {

								imageLink.removeAttr("href");

								imageLink.removeAttr("target");

							}	

						}

						

						// Set image counter values

						if (imageCounter.length > 0) 

						{

							//imageCounter.text((imageIndex + 1) + "/" + (images.length));

							//var=startvalue;var<=endvalue;var=var+increment

							var bullets = "";

							for(var x=0; x < images.length; x=x+1 )

							{

							    //imageCounter.text(imageCounter.text + "5" );

							    //next($(this).data("linkIndex"));

							    if((imageIndex) == x) {bullets = bullets + 

							        "<span style='color:#02A6E3; font-size:40px; line-height:13px;'>&bull;</span>";}

							    else {bullets = bullets + 

							        "<span id='"+x+"' class='blt' style='color:#cccccc; font-size:40px; line-height:13px;cursor:pointer;'>&bull;</span>";}

							}

							//imageCounter.text(bullets);

							imageCounter.html(bullets);

							bulletLink = elm.find(".blt");

				            //alert(bulletLink.length);

				            bulletLink.click(function (evt) {

					            //alert($(this).attr('id'));

					            gotoIndex($(this).attr('id'));

					            return false;

				            });

						}

						

						if (!loopSlideshow) {

							// Enabling/disabling previous link

							if (imageIndex === 0) {

								previousLink.addClass("picture-slides-disabled");

							}

							else {

								previousLink.removeClass("picture-slides-disabled");

							}

						

							// Enabling/disabling next link

							if (imageIndex === (images.length - 1)) {

								nextLink.addClass("picture-slides-disabled");

							}

							else {

								nextLink.removeClass("picture-slides-disabled");

							}

						}

						

						// Keeping a reference to the current image index

						currentImageIndex = imageIndex;

						

						// Adding/removing classes from thumbnail

						if (thumbnailContainer[0]) {							

							thumbnailLinks.removeClass("picture-slides-selected-thumbnail");

							$(thumbnailLinks[imageIndex]).addClass("picture-slides-selected-thumbnail");

						}

					},

					

					// Navigate to previous image

					prev = function () {

						if (imageIndex > 0 || loopSlideshow) {

							if (imageIndex === 0) {

								imageIndex = (images.length -1);

							}

							else {

								imageIndex = --imageIndex;

							}

							if (useFadingOut && (useFadeWhenNotSlideshow || slideshowPlaying) && imageIndex !== currentImageIndex) {

								fadeContainer.stop();

								fadeContainer.fadeTo(fadeTime, 0, function () {

									setImage(imageIndex);									

								});	

							}

							else {

								if (useFadingIn && imageIndex !== currentImageIndex) {

									fadeContainer.css("opacity", "0");

								}

								setImage(imageIndex);

							}

						}

					},

					

					// Navigate to next image

					next = function (specifiedIndex) {

						if (imageIndex < (images.length -1) || typeof specifiedIndex !== "undefined" || loopSlideshow) {

							if (typeof specifiedIndex !== "undefined") {

								imageIndex = specifiedIndex;

							}

							else if (imageIndex === (images.length-1)) {

								imageIndex = 0;

							}

							else {

								imageIndex = ++imageIndex;

							}

							if (useFadingOut && (useFadeWhenNotSlideshow || slideshowPlaying) && imageIndex !== currentImageIndex) {

								fadeContainer.stop();

								fadeContainer.fadeTo(fadeTime, 0, function () {

									setImage(imageIndex);									

								});

							}

							else {

								if (useFadingIn && imageIndex !== currentImageIndex) {

									fadeContainer.css("opacity", "0");

								}	

								setImage(imageIndex);

							}

						}

						else {

							stopSlideshow();

						}

					},

					

					// Navigate to specific image

					gotoIndex = function (specifiedIndex) {

					stopSlideshow();

					imageIndex = specifiedIndex;

					if (useFadingOut && (useFadeWhenNotSlideshow || slideshowPlaying) && imageIndex !== currentImageIndex) {

								fadeContainer.stop();

								fadeContainer.fadeTo(fadeTime, 0, function () {

									setImage(imageIndex);									

								});

							}

							else {

								if (useFadingIn && imageIndex !== currentImageIndex) {

									fadeContainer.css("opacity", "0");

								}	

								setImage(imageIndex);

							}

						/*if(loopSlideshow){stopSlideshow();}

						if (imageIndex < (images.length -1) || typeof specifiedIndex !== "undefined" || loopSlideshow) {

							if (typeof specifiedIndex !== "undefined") {

								imageIndex = specifiedIndex;

							}

							else if (imageIndex === (images.length-1)) {

								imageIndex = 0;

							}

							else {

								imageIndex = ++imageIndex;

							}

							if (useFadingOut && (useFadeWhenNotSlideshow || slideshowPlaying) && imageIndex !== currentImageIndex) {

								fadeContainer.stop();

								fadeContainer.fadeTo(fadeTime, 0, function () {

									setImage(imageIndex);									

								});

							}

							else {

								if (useFadingIn && imageIndex !== currentImageIndex) {

									fadeContainer.css("opacity", "0");

								}	

								setImage(imageIndex);

							}

						}

						else {

							stopSlideshow();

						}

						*/

						//if (imageIndex > (images.length -1)) {stopSlideshow();}

					},

					

					// Start slideshow

					startSlideshow = function () {

						slideshowPlaying = true;

						startSlideShowLink.hide();

						stopSlideShowLink.show();

						if (startSlideShowFromBeginning) {

							next(0);

						}

						clearTimeout(timer);

						timer = setTimeout(function () {

							next();

						}, timeForSlideInSlideshow);

						if (useDimBackgroundForSlideshow && dimBackgroundOverlay[0]) {

							elm.addClass("picture-slides-dimmed-background");

							dimBackgroundOverlay.show();

						}

					},

					

					// Stop slideshow

					stopSlideshow = function () {

						clearTimeout(timer);

						slideshowPlaying = false;

						startSlideShowLink.show();

						stopSlideShowLink.hide();

						if (useDimBackgroundForSlideshow && dimBackgroundOverlay[0]) {

							elm.removeClass("picture-slides-dimmed-background");

							dimBackgroundOverlay.hide();

						}

					};



				// Fade in/show image when it has loaded

				mainImage[0].onload = function () {

					if (useFadingIn && (useFadeWhenNotSlideshow || slideshowPlaying)) {

						fadeContainer.fadeTo(fadeTime, 1, function () {

							if (slideshowPlaying) {

								clearTimeout(timer);

								timer = setTimeout(function () {

									next();

								}, timeForSlideInSlideshow);

							}

						});

					}

					else {

						fadeContainer.css("opacity", "1");

						fadeContainer.show();

						if (slideshowPlaying) {

							clearTimeout(timer);

							timer = setTimeout(function () {

								next();

							}, timeForSlideInSlideshow);

						}

					}

					mainImageFailedToLoad.hide();

				};

				

				mainImage[0].onerror = function () {

					fadeContainer.css("opacity", "1");

					mainImageFailedToLoad.show();

					if (slideshowPlaying) {

						clearTimeout(timer);

						timer = setTimeout(function () {

							next();

						}, timeForSlideInSlideshow);

					}

				};

										

				// Previous image click

				previousLink.click(function (evt) {

					prev();

					return false;

				});

				

				// Next image click

				nextLink.click(function (evt) {

					next();

					return false;

				});

				

				// Start slideshow click

				startSlideShowLink.click(function () {

					startSlideshow();

					return false;

				});

				

				// Stop slideshow click

				stopSlideShowLink.click(function () {

					stopSlideshow();

					return false;

				});

				

				

				

				// Shows navigation links and image counter

				previousLink.show();

				nextLink.show();

				startSlideShowLink.show();

				imageCounter.show();

				

				// Stop slideshow click

				stopSlideShowLink.click(function () {

					stopSlideshow();

				});

				

				// Thumbnail references

				if (thumbnailContainer[0]) {

					thumbnailLinks = $(thumbnailContainer).find("a");

					$(thumbnailLinks[imageIndex]).addClass("picture-slides-selected-thumbnail");

					for (var i=0, il=thumbnailLinks.length, thumbnailLink; i<il; i++) {

						thumbnailLink = $(thumbnailLinks[i]);

						thumbnailLink.data("linkIndex", i);

						thumbnailLink.bind(thumbnailEvent, function (evt) {

							next($(this).data("linkIndex"));

							this.blur();

							return false;

						});

					}

				}

				

				// Sets initial image

				setImage();

				

				// If play slideshow at load

				if (startSlideshowAtLoad) {

					startSlideshow();

				}

				

				if (dimBackgroundAtLoad) {

					elm.addClass("picture-slides-dimmed-background");

					dimBackgroundOverlay.show();

				}

				

				if (usePreloading) {

					var imagePreLoadingContainer = $("<div />").appendTo(document.body).css("display", "none");

					for (var j=0, jl=images.length, image; j<jl; j++) {

						$('<img src="' + images[j].image + '" alt="" />').appendTo(imagePreLoadingContainer);

					}

				}

			});

		};

	return {

		set : set,

		init : init

	};

}();

$(document).ready(function () {

	jQuery.PictureSlides.init();

});