$(document).ready( function() {
	
	var prevArrow = '&#9664';
	var nextArrow = '&#9654';
	if( $.browser.msie ){
		prevArrow = '◄';
		nextArrow = '►';
	}
	
	
	var gallery = $('#gallery').galleriffic('#thumbs', {
        delay:                  3000, // in milliseconds
        numThumbs:              9, // The number of thumbnails to show page
        preloadAhead:           9, // Set to -1 to preload all images
        enableTopPager:         true,
        enableBottomPager:      true,
        imageContainerSel:      '#lightbox', // The CSS selector for the element within which the main slideshow image should be rendered
        controlsContainerSel:   '', // The CSS selector for the element within which the slideshow controls should be rendered
        captionContainerSel:    '', // The CSS selector for the element within which the captions should be rendered
        loadingContainerSel:    '#gallery-loading', // The CSS selector for the element within which should be shown when an image is loading
        renderSSControls:       false, // Specifies whether the slideshow's Play and Pause links should be rendered
        renderNavControls:      false, // Specifies whether the slideshow's Next and Previous links should be rendered
        playLinkText:           'Play',
        pauseLinkText:          'Pause',
        prevLinkText:           'Previous',
        nextLinkText:           'Next',
        nextPageLinkText:       'Next '+nextArrow,
        prevPageLinkText:       prevArrow+' Prev',
        enableHistory:          false, // Specifies whether the url's hash and the browser's history cache should update when the current slideshow image changes
        autoStart:              false, // Specifies whether the slideshow should be playing or paused when the page first loads 
        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() { ... }
    });
	
});