$(function(){
	var p = {

		speed: 15,
		duration: 2,
		stopImageNumber: 1,
		originalStopImageNumber: 1,

		startCallback : function() {
			$('.start').attr('disabled', 'true');
			// $('.stop').removeAttr('disabled');
		},
		// slowDownCallback : function() {
		// 	$('.stop').attr('disabled', 'true');
		// },
		stopCallback : function($stopElm, $ex) {
			
			const el = $stopElm[0];

			$('.selected').html(el.getAttribute('data-name'));
			$('.start').removeAttr('disabled');
			// $('.stop').attr('disabled', 'true');
		}
	}

	var rouletter = $('div.roulette');
	rouletter.roulette(p);

	$('.start').click(function(){
		console.log($('.roulette img').length);
		p['stopImageNumber'] = Math.floor(Math.random() * ($('.roulette img').length - 1) );
		rouletter.roulette('option', p);

		rouletter.roulette('start');
	});
});