var r = new Slider(document.getElementById("groesse-slider"), document.getElementById("groesse-slider-input"));
var g = new Slider(document.getElementById("gewicht-slider"), document.getElementById("gewicht-slider-input"));
r.setMinimum(10)
r.setMaximum(70);
g.setMinimum(5);
g.setMaximum(120);

var ri = document.getElementById("groesse-input");
ri.onchange = function (){
	r.setValue(parseInt(this.value));    
  getProductCount();          
};

var gi = document.getElementById("gewicht-input");
gi.onchange = function () {
	g.setValue(parseInt(this.value));
  getProductCount();	
};

r.onchange = g.onchange = function () {
	var cr = document.getElementById("color-result");
	
	ri.value = r.getValue();
	gi.value = g.getValue();
	
	if (typeof window.onchange == "function")
		window.onchange();
};

r.setValue(25);
g.setValue(25);

function setRgb(ngroesse, ngewicht) {
	r.setValue(ngroesse);
	g.setValue(ngewicht);
}

function fixSize() {
	r.recalculate();
	g.recalculate();	
}

window.onresize = fixSize;
fixSize();