// requires jquery-1.2.6

jQuery(document).ready(function() {
	jQuery('.slider').append('<div class="slideContainer"><div class="ui-slider-handle""></div></div><span class="value"></span>').addClass('sliding').find('input').attr("disabled","disabled");
	
	jQuery("#slider.free").slider(
		{change:function(e,ui){
			var t = jQuery(this);
			var x = jQuery(t).slider( "value" );
			jQuery(t).find('.value').text(x);
			jQuery(t).find('input').val(x);
		}}
	);
	
	
	var sliderSteps = {
		radiobuttons : ((jQuery(this).find('input[type="radio"]').length)-1).toFixed(0),
		labels : jQuery(this).find('label'),
		init : function(targ){
			sliderSteps.createSlider(targ);
			sliderSteps.set(targ)
		},
		set : function(targ){
			var w = ( 100 / ((sliderSteps.radiobuttons*1) + 1) );
			jQuery(targ).find('label, .ui-slider-handle').width(w+'%');			
		},
		createSlider : function(targ){
		//	jQuery('#slider2.steps').slider({
			jQuery(targ).slider({
				// zoveel stappen als er radio button zijn...
				// steps: ((jQuery(this).find('input[type="radio"]').length)-1).toFixed(0),
				steps : sliderSteps.radiobuttons,
				change:function(e,ui){
					var x = jQuery(this).slider('value');
					var a = (x/100*((jQuery(this).find('input[type="radio"]').length)-1)).toFixed(0);
					// set the value somewhere...
					jQuery(this).find('.value').text(a);

					// check the radiobutton.
					var t = jQuery(this).find('input[@type="radio"]')[a];
					jQuery(t).attr('checked','true');
				}}
			);
		}
	}

sliderSteps.init('#slider2.steps');

});