$(document).ready(function() {



	//create scroller for each element with "horizontal_scroller" class...

	$('.horizontal_scroller').SetScroller({	velocity: 	 60,

											direction: 	 'horizontal',

											startfrom: 	 'right',

											loop:		 'infinite',

											movetype: 	 'linear',

											onmouseover: 'pause',

											onmouseout:  'play',

											onstartup: 	 'play',

											cursor: 	 'pointer'

										});

	/*

		All possible values for options...

		

		velocity: 		from 1 to 99 								[default is 50]						

		direction: 		'horizontal' or 'vertical' 					[default is 'horizontal']

		startfrom: 		'left' or 'right' for horizontal direction 	[default is 'right']

						'top' or 'bottom' for vertical direction	[default is 'bottom']

		loop:			from 1 to n+, or set 'infinite'				[default is 'infinite']

		movetype:		'linear' or 'pingpong'						[default is 'linear']

		onmouseover:	'play' or 'pause'							[default is 'pause']

		onmouseout:		'play' or 'pause'							[default is 'play']

		onstartup: 		'play' or 'pause'							[default is 'play']

		cursor: 		'pointer' or any other CSS style			[default is 'pointer']

	*/



	//how to overwrite options after setup and without deleting the other settings...

	$('#no_mouse_events').ResetScroller({	onmouseover: 'play', onmouseout: 'play'   });

	$('#scrollercontrol').ResetScroller({	velocity: 85, startfrom: 'left'   });



	//if you need to remove the scrolling animation, uncomment the following line...

	//$('#scrollercontrol').RemoveScroller();



});





