var currentStep = 1;

var slider = new Control.Slider(
	'handle',
	'track', {range:$R(0,0.75),
	 //values:[0,0.1,0.2,0.3,0.4,0.5,0.6,0.7],
  	onChange: function( v ) 
	{
		
			if( v < 0.1 ) {
				step = 1;
				toggle( step );
				
			}
			else if( v < 0.2 ) {
				step = 2;
				toggle( step );
			}
			else if( v < 0.3 ) {
				step = 3;
				toggle( step );
			}
			else if( v < 0.4 ) {
				step = 4;
				toggle( step );
			}
			else if( v < 0.5 ) {
				step = 5;
				toggle( step );
				//$("sliderContent6").style.display = "block";
			}
			else if( v < 0.6 ) {
				step = 6;
				toggle( step );
			}
			else if( v < 0.651 ) {
				step = 7;
				toggle( step );
			}
			else {
				slider.setValue( 0.65 );
			}
			 
		}
	}
);
slider.setValue( startSliderValue );


function toggle(idx) {
	if (currentStep != idx) {
		$("sliderContent" + currentStep).style.display = "none";
		//var first = "sliderContent" + currentStep;
		//new Effect.Fade(first,{duration:0.0,delay:0.0});  
					
		currentStep = idx;
		//var second = "sliderContent" + currentStep;
		$("sliderContent" + currentStep).style.display = "block";
		//new Effect.Appear(second,{duration:0.1,delay:0.0});	
		return;
	}
}