/*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;
                        jQuery(".picture-slides-container").each(function () {
                                var elm = jQuery(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 = jQuery("." + 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");
                                                        jQuery(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 = jQuery(thumbnailContainer).find("a");
                                        jQuery(thumbnailLinks[imageIndex]).addClass("picture-slides-selected-thumbnail");
                                        for (var i=0, il=thumbnailLinks.length, thumbnailLink; i<il; i++) {
                                                thumbnailLink = jQuery(thumbnailLinks[i]);
                                                thumbnailLink.data("linkIndex", i);
                                                thumbnailLink.bind(thumbnailEvent, function (evt) {
                                                        next(jQuery(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 = jQuery("<div />").appendTo(document.body).css("display", "none");
                                        for (var j=0, jl=images.length, image; j<jl; j++) {
                                                jQuery('<img src="' + images[j].image + '" alt="" />').appendTo(imagePreLoadingContainer);
                                        }
                                }
                        });
                };
        return {
                set : set,
                init : init
        };
}();
jQuery(document).ready(function () {
        jQuery.PictureSlides.set({
            mainImageClass : "picture-slides-image"
        });
        jQuery.PictureSlides.init();
});