window.addEvent('domready', function(){
	// First Example
	var el = $('suwaczek'),
		elgra = $('gra');
	var size = elgra.getSize();
	var w1 = $('w1');
	var h1 = $('h1');



	
	// Create the new slider instance
	new Slider(el, el.getElement('.knob'), {
		steps: 300,	// There are 35 steps
		range: [100,900],	// Minimum value is 8
		onChange: function(value){
			// Everytime the value changes, we change the font of an element
			//font.setStyle('font-size', value);
			//alert("The element is "+w1.value+" pixels wide and "+h1.value+"pixels high.");
			var ratio = h1.value / w1.value;
			elgra.setStyle('width', value);
			w1.value = value;
			elgra.setStyle('height', value * ratio);
			h1.value = value * ratio;
		}
	}).set(w1.value);



});