function makeSlider () {	
	
	// Removes input named 'slider' and shows div named 'track'
	Element.show('track');
	Element.hide('slider');
	
	// Example 1
	/*
	new Control.Slider('handle', 'track', {				
		onSlide: function (v){ 
			$('value').innerHTML = v;
		},
		onChange: function (v){ 
			$('value').innerHTML = v;
			$('slider').value = v; 
		}
	});
	*/
	
	// Example 2
	/*
	new Control.Slider('handle', 'track', {
		range: $R(1,5),
		onSlide: function (v){ 
			$('value').innerHTML = v;
		},
		onChange: function (v){ 
			$('value').innerHTML = v;
			$('slider').value = v; 
		}
	});
	*/
	
	// Example 3
	/*
	new Control.Slider('handle', 'track', {
		range: $R(1,5),
   		values: [1,1.5,2,2.5,3,3.5,4,4.5,5],
		onSlide: function (v){ 
			$('value').innerHTML = v;
		},
		onChange: function (v){ 
			$('value').innerHTML = v;
			$('slider').value = v; 
		}
	});
	*/	
	
	// Example 4
	/*
	new Control.Slider('handle', 'track', {
		range: $R(2,10),
		onSlide: function (v){ 
			$('value').innerHTML = getValue(v);
		},
		onChange: function (v){ 
			$('value').innerHTML = getValue(v);
			$('slider').value = getValue(v); 
		}
	});
	
	function getValue (input) {
		return Math.round(input)/2;
	}
	*/	
	
	// Example 5			
	/*
	
	new Control.Slider('handle', 'track', {
		range: $R(2,10),
		onSlide: function (v){ 
			$('value').innerHTML = getValue(v);
		},
		onChange: function (v) { 

			var url = 'ajax.php';
			var params = 'answer='+getValue(v);
			var ajax = new Ajax.Updater ( 'callback', url, {method: 'post', parameters: params} );
			
			$('value').innerHTML = getValue(v);
			$('slider').value = getValue(v);
						
		}
	});
	
	function getValue (input) {
		return Math.round(input)/2;
	}
	*/
	
	// Example 6
	var timeout;
	
	new Control.Slider('handle', 'track', {
		range: $R(2,10),
		onSlide: function (v) { 
			$('value').innerHTML = getValue(v);
			clearTimeout(timeout);
		},
		onChange: function (v) { 
			
			clearTimeout(timeout);
			timeout = setTimeout( function () {
				var url = 'ajax.php';
				var params = 'answer='+getValue(v);
				var ajax = new Ajax.Updater ( 'test', url, {method: 'get', parameters: params} );				
			}, 5000);
			
			$('value').innerHTML = getValue(v);
			$('slider').value = getValue(v);
				
		}
	});
	
	function getValue (input) {
		return Math.round(input)/2;
	}
}			

Event.observe(window, 'load', makeSlider, false);
