﻿ticker_start();

function ticker_start() {

    //create scroller for each element with "horizontal_scroller" class...
    $('.horizontal_scroller').SetScroller({
        velocity: 70,
        direction: 'horizontal',
        startfrom: 'right',
        loop: 'infinite',
        movetype: 'linear',
        onmouseover: 'pause',
        onmouseout: 'play',
        onstartup: 'play',
        cursor: 'default'
    });
    /*
    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();

}
