$(function() {
   window.positionBefore=0;
   window.positionAfter=0;
	var gallery = $('.gallery .thumbscontainer').galleriffic({
        delay:                     3000, // in milliseconds
        numThumbs:                 20, // The number of thumbnails to show page
        preloadAhead:              40, // Set to -1 to preload all images
        enableTopPager:            false,
        enableBottomPager:         false,
        maxPagesToShow:            7,  // The maximum number of pages to display in either the top or bottom pager
		imageContainerSel:      '.gallery .slideshow',
		controlsContainerSel:   '.gallery .controls',
        captionContainerSel:       '.gallery .captioncontainer',
        loadingContainerSel:       '.gallery .loading',
        renderSSControls:          false, // Specifies whether the slideshow's Play and Pause links should be rendered
        renderNavControls:         true, // Specifies whether the slideshow's Next and Previous links should be rendered
        prevLinkText:              'Previous',
        nextLinkText:              'Next',
        enableHistory:             true, // Specifies whether the url's hash and the browser's history cache should update when the current slideshow image changes
        enableKeyboardNavigation:  true, // Specifies whether keyboard navigation is enabled
        autoStart:                 false, // Specifies whether the slideshow should be playing or paused when the page first loads
        syncTransitions:           false, // Specifies whether the out and in transitions occur simultaneously or distinctly
        defaultTransitionDuration: 200, // If using the default transitions, specifies the duration of the transitions
        onSlideChange:             function(prev,next){
			$('.thumbscontainer').scrollTo('.thumbs li:eq('+next+')', 800, {axis:'x'});
		}, // accepts a delegate like such: function(prevIndex, nextIndex) { ... }
        onTransitionOut:           undefined, // accepts a delegate like such: function(slide, caption, isSync, callback) { ... }
        onTransitionIn:            undefined, // accepts a delegate like such: function(slide, caption, isSync) { ... }
        onPageTransitionOut:       undefined, // accepts a delegate like such: function(callback) { ... }
        onPageTransitionIn:        undefined, // accepts a delegate like such: function() { ... }
        onImageAdded:              undefined, // accepts a delegate like such: function(imageData, $li) { ... }
        onImageRemoved:            undefined  // accepts a delegate like such: function(imageData, $li) { ... }
    });
	
	$('.gallery .thumbsnext').click(function(){
		$('.thumbscontainer').scrollTo('+=650px', 800, {axis:'x'});
		return false;
	});
	$('.gallery .thumbsprev').click(function(){
		$('.thumbscontainer').scrollTo('-=650px', 800, {axis:'x'});
		return false;
	});
});