$(document).ready(function() {
	
	$('.control .option').click(function() {
		var typeClass = '.' + $(this).find('input').attr('name');
		// reset all
		$(typeClass + '.option input').removeAttr('checked');
		$(typeClass + '.control .option').removeClass('active');
		// set active
		$(this).find('input').attr('checked','checked')
		$(this).addClass('active');
	});
	
	// sliderLimits
	$( ".sliderLimit .handle" ).slider({
		value: 6,
		min: 1,
		max: 13,
		step: 1,
		slide: function( event, ui ) {
			limitNum = ui.value;
			$( ".sliderLimit .val" ).html( $('.sliderLimit .limit_'+limitNum).attr('name') );
			$( ".sliderLimit .val" ).attr( 'rel', $('.sliderLimit .limit_'+limitNum).val() );
		}
	});
	limitVal 	= $( ".sliderLimit .handle" ).slider( "value" );
	$( ".sliderLimit .val" ).html( $('.sliderLimit .limit_'+limitVal).attr('name') );
	$( ".sliderLimit .val" ).attr( 'rel', $('.sliderLimit .limit_'+limitVal).val() );

	
	// sliderTables
	$( ".sliderTables .handle" ).slider({
		value: 2,
		min: 1,
		max: 8,
		step: 1,
		slide: function( event, ui ) {
			$( ".sliderTables .val" ).html( ui.value );
		}
	});
	$( ".sliderTables .val" ).html( $( ".sliderTables .handle" ).slider( "value" ) );


	// sliderHours
	$( ".sliderTime .handle" ).slider({
		value: 3,
		min: 1,
		max: 16,
		step: 1,
		slide: function( event, ui ) {
			$( ".sliderTime .val" ).html( ui.value );
		}
	});
	$( ".sliderTime .val" ).html( $( ".sliderTime .handle" ).slider( "value" ) );
	
	
	// sliderRakeback
	$( ".sliderRakeback .handle" ).slider({
		value: 35,
		min: 1,
		max: 100,
		step: 1,
		slide: function( event, ui ) {
			$( ".sliderRakeback .val" ).html( ui.value );
		}
	});
	$( ".sliderRakeback .val" ).html( $( ".sliderRakeback .handle" ).slider( "value" ) );	
	
});