window.addEvent('domready', function() {
	
	var bounce = $('bounce');
	var back = $('back');
	var normal = $('normal');
	
	var normalopts = {transition: Fx.Transitions.linear, duration: 2000, wheelStops: false, preventDefault:true};
	var bounceopts = {transition: 'bounce:out', duration: 2000, preventDefault:true};
	var backopts = {transition: 'back:out', duration: 2000, preventDefault:true};
	
	bounce.addEvent('click', function() {
		if(back.hasClass('checked')) back.removeClass('checked');
		if(normal.hasClass('checked')) normal.removeClass('checked');
		bounce.addClass('checked');
		var smooth = new SmoothScrolling(bounceopts);
		smooth.create();
		$('choose').setStyle('display', 'none');
		$('choosed').setHTML('Bounce transition');
		$('choosed').setStyle('display', 'block');
	});
	
	back.addEvent('click', function() {
		if(bounce.hasClass('checked')) bounce.removeClass('checked');
		if(normal.hasClass('checked')) normal.removeClass('checked');
		back.addClass('checked');
		var smooth = new SmoothScrolling(backopts);
		smooth.create();
		$('choose').setStyle('display', 'none');
		$('choosed').setHTML('Back transition');
		$('choosed').setStyle('display', 'block');
	});
	
	normal.addEvent('click', function() {
		if(back.hasClass('checked')) back.removeClass('checked');
		if(bounce.hasClass('checked')) bounce.removeClass('checked');
		normal.addClass('checked');
		var smooth = new SmoothScrolling(normalopts);
		smooth.create();
		$('choose').setStyle('display', 'none');
		$('choosed').setHTML('Normal transition');
		$('choosed').setStyle('display', 'block');
	});					 
});