/*Scroller*/
$(function()
{
// this initialises the demo scollpanes on the page.
$('#pane1').jScrollPane({showArrows:true, scrollbarWidth: 5, arrowSize: 16});
$('#pane2').jScrollPane({showArrows:true, scrollbarWidth: 5, arrowSize: 16});
$('#pane3').jScrollPane({showArrows:true, scrollbarWidth: 5, arrowSize: 16});
});

jQuery(document).ready(function($) {				
				var gallery = $('#thumbs').galleriffic({
					delay:                     3000,
					numThumbs:                 42,
					preloadAhead:              10,
					maxPagesToShow:            42,
					imageContainerSel:         '#slideshow',
					controlsContainerSel:      '#controls',
					captionContainerSel:       '#caption',
					loadingContainerSel:       '#loadingP',
					renderSSControls:          false,
					renderNavControls:         false,					
					enableHistory:             false,
					autoStart:                 true,
					syncTransitions:           false,
					defaultTransitionDuration: 900,
					onSlideChange:             function(prevIndex, nextIndex) {
					}
				});
			});