// (c) 2008 Trent Foley
; (function($) {
    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); 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() { 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; historyCurrentHash = current_hash; if ($.browser.msie) { if (historyCurrentHash == '') { historyCurrentHash = '#'; } } else if ($.browser.safari) { historyBackStack = []; historyBackStack.length = history.length; historyForwardStack = []; isFirst = true; }
        setInterval(function() { historyCheck(); }, 100);
    }
    function historyAddHistory(hash) { historyBackStack.push(hash); historyForwardStack.length = 0; isFirst = true; }
    function historyCheck() {
        if ($.browser.safari) {
            if (!dontCheck) {
                var historyDelta = history.length - historyBackStack.length; if (historyDelta) {
                    isFirst = false; if (historyDelta < 0) { for (var i = 0; i < Math.abs(historyDelta); i++) historyForwardStack.unshift(historyBackStack.pop()); } else { for (var i = 0; i < historyDelta; i++) historyBackStack.push(historyForwardStack.shift()); }
                    var cachedHash = historyBackStack[historyBackStack.length - 1]; if (cachedHash != undefined) { historyCurrentHash = location.hash; historyCallback(); } 
                } else if (historyBackStack[historyBackStack.length - 1] == undefined && !isFirst) { historyCallback(); isFirst = true; } 
            } 
        } else { var current_hash = location.hash; if (current_hash != historyCurrentHash) { historyCurrentHash = current_hash; historyCallback(); } } 
    }
    var defaults = { delay: 3000, numThumbs: 20, preloadAhead: 40, 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, onTransitionOut: undefined, onTransitionIn: undefined, onPageTransitionOut: undefined, onPageTransitionIn: undefined }; $.fn.galleriffic = function(thumbsContainerSel, settings) {
        $.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 }); $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) { this.preloadStartIndex = index; return this; }, preloadRecursive: function(startIndex, currentIndex) {
            if (startIndex != this.preloadStartIndex) { var nextIndex = this.getNextIndex(this.preloadStartIndex); return this.preloadRecursive(this.preloadStartIndex, nextIndex); }
            var gallery = this; var preloadCount = currentIndex - startIndex; if (preloadCount < 0)
                preloadCount = this.data.length - 1 - startIndex + currentIndex; if (this.settings.preloadAhead >= 0 && preloadCount > this.settings.preloadAhead) { setTimeout(function() { gallery.preloadRecursive(startIndex, currentIndex); }, 500); return this; }
            var imageData = this.data[currentIndex]; if (!imageData)
                return this; if (imageData.image)
                return this.preloadNext(startIndex, currentIndex); 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 { 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; if (this.settings.enableHistory)
                location.href = '#' + nextHash; else
                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; var isTransitioning = true; var gallery = this; var transitionOutCallback = function() {
                    isTransitioning = false; 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]; if (gallery.$captionContainer) { gallery.$captionContainer.empty().append(imageData.caption); }
                    if (imageData.image) { gallery.buildImage(imageData.image); } else { 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(); image.onload = function() { imageData.image = this; if (!isTransitioning) { gallery.buildImage(imageData.image); } }; image.alt = imageData.title; image.src = imageData.slideUrl; }
            this.relocatePreload = true; return this.syncThumbs();
        }, buildImage: function(image) {
            if (this.$imageContainer) {
                this.$imageContainer.empty(); var gallery = this; var nextIndex = this.getNextIndex(this.currentIndex); if (this.$loadingContainer) { this.$loadingContainer.hide(); }
                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(); }
                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(); if (gallery.settings.onPageTransitionIn)
                    gallery.settings.onPageTransitionIn(); else
                    gallery.$thumbsContainer.show();
            }; if (this.settings.onPageTransitionOut) { this.settings.onPageTransitionOut(transitionOutCallback); } else { this.$thumbsContainer.hide(); transitionOutCallback(); }
            return this;
        }, rebuildThumbs: function() {
            if (this.currentPage < 0)
                this.currentPage = 0; var needsPagination = this.data.length > this.settings.numThumbs; 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); }
            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; 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(); } }); $thumbsUl.removeClass('noscript'); return this;
        }, buildPager: function(pager) {
            var gallery = this; var startIndex = this.currentPage * this.settings.numThumbs; 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>'); }
            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>'); } 
            }
            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;
        } 
        }); this.settings = $.extend({}, defaults, settings); 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); this.$transitionContainers = $([]); if (this.$imageContainer)
            this.$transitionContainers = this.$transitionContainers.add(this.$imageContainer); if (this.$captionContainer)
            this.$transitionContainers = this.$transitionContainers.add(this.$captionContainer); this.offset = galleryOffset; this.$thumbsContainer = $(thumbsContainerSel); this.initializeThumbs(); registerGallery(this); this.numPages = Math.ceil(this.data.length / this.settings.numThumbs); this.currentPage = -1; this.currentIndex = 0; var gallery = this; if (this.$loadingContainer)
            this.$loadingContainer.hide(); 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); }); } 
        }
        historyInit(); 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); }
        setTimeout(function() { gallery.preloadInit(); }, 1000); return this;
    };
})(jQuery);