if(document.getElementById('dist_1')){
		new Control.Slider('dist_2','dist_1',
		{
			onSlide:function(v){$('distance').value=v},
			onChange:function(v){$('distance').value=v},
			range:$R(0,30),
			values:[0,5,10,15,20,25,30]
		});
	}

 // ======================= SLIDER UN
      function updateZone1(hvalues1, sliderA) {
        var wd = (hvalues1[1] - hvalues1[0]).toFixed()/(900000/174);
        $('activeZone1').setStyle({
          width:   wd + 'px',
          left:    hvalues1[0].toFixed()/(900000/174) + 'px'
        });
        $('low1').value  = hvalues1[0].toFixed();
        $('high1').value = hvalues1[1].toFixed();
      }

      var sliderA = new Control.Slider(
        ['handleL1','handleR1'],
        'track1',
        {
          range: $R(0,900000),
          sliderValue: [50000, 850000],
			 values: [
			 0,5000,10000,20000,30000,40000,50000,60000,70000,80000,90000,100000,110000,120000,130000,140000,150000,160000,170000,180000,190000,200000,250000,300000,350000,400000,450000,500000,550000,600000,650000,700000,750000,800000,850000,900000
			 ],
          restricted: true,
          onSlide: updateZone1,
          onChange: function(hvalues1, sliderA) {
            updateZone1(hvalues1,sliderA);
            // workaround for the situations when handles overlap
            sliderA.activeHandle.setStyle({zIndex: 101});
            sliderA.handles.without(sliderA.activeHandle).invoke('setStyle', {zIndex: 100})
          }
      });


  // ======================= SLIDER DEUX
      function updateZone2(hvalues2, sliderB) {
        var wd = (hvalues2[1] - hvalues2[0]).toFixed()/(400/174);
        $('activeZone2').setStyle({
          width:   wd + 'px',
          left:    hvalues2[0].toFixed()/(400/174) + 'px'
        });
        $('low2').value  = hvalues2[0].toFixed();
        $('high2').value = hvalues2[1].toFixed();
      }

      var sliderB = new Control.Slider(
        ['handleL2','handleR2'],
        'track2',
        {
          range: $R(0,400),
          sliderValue: [10, 390],
			 values: [0,10,20,30,40,50,60,70,80,90,100,110,120,130,140,150,160,170,180,190,200,210,220,230,240,250,260,270,280,290,300,310,320,330,340,350,360,370,380,390,400],
          restricted: true,
          onSlide: updateZone2,
          onChange: function(hvalues2, sliderB) {
            updateZone2(hvalues2,sliderB);
            // workaround for the situations when handles overlap
            sliderB.activeHandle.setStyle({zIndex: 101});
            sliderB.handles.without(sliderB.activeHandle).invoke('setStyle', {zIndex: 100})
          }
      });

  // ======================= SLIDER TROIS
      function updateZone3(hvalues3, sliderC) {
        var wd = (hvalues3[1] - hvalues3[0]).toFixed()/(9/174);
        $('activeZone3').setStyle({
          width:   wd + 'px',
          left:    hvalues3[0].toFixed()/(9/174) + 'px'
        });
        $('low3').value  = hvalues3[0].toFixed();
        $('high3').value = hvalues3[1].toFixed();
      }

      var sliderC = new Control.Slider(
        ['handleL3','handleR3'],
        'track3',
        {
          range: $R(0,9),
          sliderValue: [1, 8],
			 values: [0,1,2,3,4,5,6,7,8,9],
          restricted: true,
          onSlide: updateZone3,
          onChange: function(hvalues3, sliderC) {
            updateZone3(hvalues3,sliderC);
            // workaround for the situations when handles overlap
            sliderC.activeHandle.setStyle({zIndex: 101});
            sliderC.handles.without(sliderC.activeHandle).invoke('setStyle', {zIndex: 100})
          }
      });

  // ======================= SLIDER QUATRE
      function updateZone4(hvalues4, sliderC) {
        var wd = (hvalues4[1] - hvalues4[0]).toFixed()/(5000/174);
        $('activeZone4').setStyle({
          width:   wd + 'px',
          left:    hvalues4[0].toFixed()/(5000/174) + 'px'
        });
        $('terrainmini').value  = hvalues4[0].toFixed();
        $('terrainmaxi').value = hvalues4[1].toFixed();
      }

      var sliderC = new Control.Slider(
        ['handleL4','handleR4'],
        'track4',
        {
          range: $R(0,5000),
          sliderValue: [10, 5000],
			 values: [0,500,600,700,800,900,1000,1100,1200,1300,1400,1500,1800,2000,2500,3000,3500,4000,4500,5000],
          restricted: true,
          onSlide: updateZone4,
          onChange: function(hvalues4, sliderC) {
            updateZone4(hvalues4,sliderC);
             //workaround for the situations when handles overlap
            sliderC.activeHandle.setStyle({zIndex: 101});
            sliderC.handles.without(sliderC.activeHandle).invoke('setStyle', {zIndex: 100})
          }
      });