$(document).ready(
	function()
	{
 
		$('#content').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:'xy',// The default is 'y' scroll on both ways
			duration:300,// Length of the animation (if you scroll 2 axes and use queue, then each axis take half this time)
			force:true, // Force a scroll to the element specified by 'start' (some browsers don't reset on refreshes)
			interval:7000, // It's the number of milliseconds to automatically go to the next
			onBefore:function( e, elem, $pane, $items, pos ){
				e.preventDefault();
				if( this.blur )
				this.blur();
			},
			 onAfter:function( elem ){
			}
 		});
 
 
 	}
);