/*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.text(imageItem.text);
            }
            
            // Set image link
            if (imageLink.length > 0) {
              var url = imageItem.url;
              if (typeof url !== "undefined" && url.length > 0) {
                imageLink.attr("href", imageItem.url);
              }
              else {
                imageLink.removeAttr("href");
              }  
            }
            
            // Set image counter values
            if (imageCounter.length > 0) {
              imageCounter.text((imageIndex + 1) + "/" + (images.length));
            }
            
            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();
            }
          },
          
          // 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();
});