jQuery(document).ready(function($) {
// We only want these styles applied when javascript is enabled $('.gal_content').css('display', 'block');
// Initialize Advanced Galleriffic Gallery var gallery = $('#thumbs_616_1').galleriffic({ delay: 0, numThumbs: 0, preloadAhead: 0, enableTopPager: false, enableBottomPager: false, imageContainerSel: '#slideshow_616_1', controlsContainerSel: '#controls_616_1', captionContainerSel: '#caption_616_1', loadingContainerSel: '#loading_616_1', renderSSControls: true, renderNavControls: false, playLinkText: '', pauseLinkText: '', enableHistory: false, autoStart: false, enableKeyboardNavigation: true, syncTransitions: false, defaultTransitionDuration: 300,
onTransitionOut: function(slide, caption, isSync, callback) { slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback); caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0); }, onTransitionIn: function(slide, caption, isSync) { var duration = this.getDefaultTransitionDuration(isSync); slide.fadeTo(duration, 1.0);
// Position the caption at the bottom of the image and set its opacity var slideImage = slide.find('img'); caption.fadeTo(duration, 1.0);
}, onPageTransitionOut: function(callback) { //this.hide(); setTimeout(callback, 100); // wait a bit }, onPageTransitionIn: function() { var prevPageLink = this.find('a.prev').css({'opacity': '0.3' , 'display' : 'inline-block', 'cursor' : 'default'}); var nextPageLink = this.find('a.next').css({'opacity': '0.3' , 'display' : 'inline-block', 'cursor' : 'default'});
// Show appropriate next / prev page links if (this.displayedPage > 0) prevPageLink.css({'opacity' : '1' , 'display' : 'inline-block', 'cursor' : 'pointer'});
var lastPage = this.getNumPages() - 1; if (this.displayedPage < lastPage) nextPageLink.css({'opacity' : '1' , 'display' : 'inline-block', 'cursor' : 'pointer'}); this.fadeTo('fast', 1.0); } }); /**************** Event handlers for custom next / prev page links **********************/ gallery.find('a.prev').click(function(e) { gallery.previousPage(); e.preventDefault(); }); gallery.find('a.next').click(function(e) { gallery.nextPage(); e.preventDefault(); }); });