document.observe('dom:loaded', function() {

	var tab = Array();
	var tab2 = Array();

        tab[0] = 0;
        tab[1] = 1000;

        tab2[0] = 0;
        tab2[1] = 100;

	var callbacks = {
		onSlide: function(values, slider) {
			tab[slider.activeHandleIdx] = values[slider.activeHandleIdx];
		//alert('slider min : '+tab[0]+', slider max : '+tab[1]);
			document.getElementById("budgetmini").value = tab[0]*1000;
			document.getElementById("budgetmaxi").value = tab[1]*1000;
			document.getElementById("range3").innerHTML = tab[0]*1000+" €";
			document.getElementById("range4").innerHTML = tab[1]*1000+" €";
		},
		onChange: function(values, slider) {
			tab[slider.activeHandleIdx] = values[slider.activeHandleIdx];
			//alert('slider min : '+tab[0]+', slider max : '+tab[1]);
			document.getElementById("budgetmini").value = tab[0]*1000;
			document.getElementById("budgetmaxi").value = tab[1]*1000;
			document.getElementById("range3").innerHTML = tab[0]*1000+" €";
			document.getElementById("range4").innerHTML = tab[1]*1000+" €";
			//go();
		}
	};


	var callbacks2 = {
		onSlide: function(values, slider) {
			tab2[slider.activeHandleIdx] = values[slider.activeHandleIdx];
			//alert('slider min : '+tab[0]+', slider max : '+tab[1]); 
			document.getElementById("surfacemini").value = tab2[0]*10;
			document.getElementById("surfacemaxi").value = tab2[1]*10;
			document.getElementById("range5").innerHTML = tab2[0]*10+" m²";
			document.getElementById("range6").innerHTML = tab2[1]*10+" m²";
		},
		onChange: function(values, slider) {
			tab2[slider.activeHandleIdx] = values[slider.activeHandleIdx];
			//alert('slider min : '+tab[0]+', slider max : '+tab[1]);
			document.getElementById("surfacemini").value = tab2[0]*10;
			document.getElementById("surfacemaxi").value = tab2[1]*10;
			document.getElementById("range5").innerHTML = tab2[0]*10+" m²";
			document.getElementById("range6").innerHTML = tab2[1]*10+" m²";
			//go();
		}
	};

	var sliders = new Control.Slider(['handle1', 'handle2'], 'track1', {
		range: $R(10, 1000), 
		values: $R(0, 1000),
		sliderValue: [0, 1000],
		step: 1,
		//spans: ['range1', 'range2'], 
		restricted: true,
		onSlide: callbacks.onSlide, 
		onChange: callbacks.onChange
	});

//slider 2
	var sliders2 = new Control.Slider(['handle3', 'handle4'], 'track2', {
		range: $R(1, 100), 
		values: $R(0, 100),
		sliderValue: [0, 100],
		step: 1,
		//spans: ['range1', 'range2'], 
		restricted: true,
		onSlide: callbacks2.onSlide, 
		onChange: callbacks2.onChange
	});

// pour le budget
   if (document.getElementById("budgetmini").value == "")
        vmin = 1;
    else
        vmin = document.getElementById("budgetmini").value/1000;
        
    if (document.getElementById("budgetmaxi").value == "")
        vmax = 1000;
    else
        vmax = document.getElementById("budgetmaxi").value/1000;
    
	sliders.setValue(vmin,0);
	sliders.setValue(vmax,1);

// pour la surface
   if (document.getElementById("surfacemini").value == "")
        vmin2 = 0;
    else
        vmin2 = document.getElementById("surfacemini").value/10;
        
    if (document.getElementById("surfacemaxi").value == "")
        vmax2 = 100;
    else
        vmax2 = document.getElementById("surfacemaxi").value/10;
    
	sliders2.setValue(vmin2,0);
	sliders2.setValue(vmax2,1);
});

function simulateur(largeur,hauteur,options) {
//    window.open("simulateur/index.php","",top="0",left="0",width="100",height="600","options");
    window.open("simulateur/index.php","","top=0,left=0,width=600,height=740,scrollbars=yes");
}