/* hero Scroll
	...........................................................................*/
	// Easing equation, borrowed from jQuery easing plugin
	// http://gsgd.co.uk/sandbox/jquery/easing/
	jQuery.easing.easeOutQuart = function (x, t, b, c, d) {
		return -c * ((t=t/d-1)*t*t*t - 1) + b;
	};
	
	jQuery(function( $ ){
	
		$('#hero_pic').serialScroll({
			target:'#sections',
			items:'li', // Selector to the items ( relative to the matched elements, '#sections' in this case )
			prev:'div.prev',// Selector to the 'prev' button (absolute!, meaning it's relative to the document)
			next:'div.next',// Selector to the 'next' button (absolute too)
			//axis:'y',// The default is 'y' scroll on both ways
			duration:500,// Length of the animation (if you scroll 2 axes and use queue, then each axis take half this time)
			interval:5000, // It's the number of milliseconds to automatically go to the next
			force:true, // Force a scroll to the element specified by 'start' (some browsers don't reset on refreshes)
			cycle:false,
			onBefore:function( e, elem, $pane, $items, pos ){
				e.preventDefault();
				if( this.blur )
					this.blur();
			},
			onAfter:function( elem ){
			}
		});
	})