	$(function() {
		// change defaults for range, animate and orientation
		$.extend($.ui.slider.defaults, {
			range: "min",
			animate: true,
			orientation: "vertical",
			min: 0,
			max: 5
		});
		
		// setup vertical slider
		$("#pref > span").each(function() {
			// read initial values from markup and remove that
			var value = parseInt($(this).text());
			$(this).empty();
			$(this).slider({
				value: value
			})
		});
		
		$('#pref > span#socialita').slider('disable');

		$('#pref > span#natura').slider('disable');

		$('#pref > span#avventura').slider('disable');

		$('#pref > span#sport').slider('disable');
   
		$('#pref > span#arte').slider('disable');

	});

