/*
 * 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:              40,
                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);