$.easing.easeOutQuart = function (x, t, b, c, d) {
	return -c * ((t=t/d-1)*t*t*t - 1) + b;
};

jQuery(function( $ ){
	/**
	 * Most jQuery.serialScroll's settings, actually belong to jQuery.ScrollTo, check it's demo for an example of each option.
	 * @see http://flesler.webs.com/jQuery.ScrollTo/
	 * You can use EVERY single setting of jQuery.ScrollTo, in the settings hash you send to jQuery.serialScroll.
	 */
	
	/**
	 * No need to have only one element in view, you can use it for slideshows or similar.
	 * In this case, clicking the images, scrolls to them.
	 * No target in this case, so the selectors are absolute.
	 */
	
	$('#thumbnail-slideshow').serialScroll({
		items:'li',
		prev:'#navi-thumbnails a.prev',
		next:'#navi-thumbnails a.next',
		axis:'y',
		offset:-114, //when scrolling to photo, stop 55 before reaching it (from the top)
		start:2, // 0 = first
		duration:5000, //length of the animation
		force:true, //force a scroll to the element specified by 'start' (some browsers don't reset on refreshes)
		event:'mouseover',//on which event to react (click is the default, you probably won't need to specify it) / mouseover
		step:10, //how many items to scroll each time ( 1 is the default, no need to specify )
		stop:true, //each click will stop any previous animations of the target. (false by default)
		lock:false, //ignore events if already animating (true by default)
		cycle:false, //don't pull back once you reach the end
		/*easing:'easeOutQuart', //use this easing equation for a funny effect*/
		jump:true //click on the images to scroll to them
	});
	
});