Event.observe(window, 'load', init_app);
var bild = 1; 
function init_app(event) {
	var rules = {
		'#toggler' : function(el) {
			Element.setOpacity(el,0.8);
			el.onclick = function() {
				el.style.border= '1px inset';
				setTimeout(function(){el.style.border= '1px outset';},600)
				if (bild==1) {
					$('hdr_slider').style.backgroundImage='url(gfx/tunnel2.jpg)';
					$('phantom').style.backgroundImage='url(gfx/tunnel2hdr.jpg)';
					bild=2;
				} else {
					$('hdr_slider').style.backgroundImage='url(gfx/tunnel1.jpg)';
					$('phantom').style.backgroundImage='url(gfx/tunnel1hdr.jpg)';
					bild=1;
				}
				
			}
		}
	};
	Behaviour.register(rules);
	Behaviour.apply(rules);
	var oldposi;
	var slider = new Control.Slider('knopp','hdr_slider', {
  		axis:'vertical',
  		onSlide:function(el) {
  			var y = Math.round(el+el/435*20);  // Gesmthšhe, Knopfhšhe
  			$('phantom').style.height = y + 'px';
			
  		},
  		onChange:function(el) {
  			if (el-oldposi<10 && el-oldposi>0) {
  				$('phantom').style.height = '1px';
  				slider.setValue(1);
				
  			}
  			oldposi=el;
  		},
  		range:$R(0,415),
  		sliderValue:0
 });
	

};