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_47770_2’).galleriffic({
delay: 3500,
numThumbs: 12,
preloadAhead: 12,
enableTopPager: false,
enableBottomPager: false,
imageContainerSel: ‘#slideshow_47770_2’,
controlsContainerSel: ‘#controls_47770_2’,
captionContainerSel: ‘#caption_47770_2’,
loadingContainerSel: ‘#loading_47770_2’,
renderSSControls: true,
renderNavControls: false,
playLinkText: ‘Play Slideshow’,
pauseLinkText: ‘Pause Slideshow’,
enableHistory: 0,
autoStart: 0,
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();
});
});