window.addEvent('load', function() {

	var box = document.id('slider');
	
	//Höhen
	var heightklein='20'; //Starthöhe
	var heightgross='150'; //Zielhöhe
	
	var fadeto='0.4'; //Dimmen auf
	var fadefrom='0.9'; //Original-Opazitaet
	var sekdimmer=3000; //Nach 2sek. wird gedimmt
	var movetime=2000; //Sekunden zwischen Zuständen

	box.set('styles', {'opacity':fadefrom});

	var myFx = new Fx.Tween(box,{duration: movetime});
	myFx.start('height',heightklein,heightgross);
	
	var dimmer = function(){ box.tween('opacity', fadeto); }
	dimmer.delay(sekdimmer);


	//Toogle Button:
	document.id('toggle').addEvent('click', function(el){

		el.stop();
		
		if(box.style.height == heightgross+'px')
		{
			myFx.start('height',heightgross,heightklein);
			//box.tween('height', [heightgross,heightklein]);
		}

		if(box.style.height == heightklein+'px')
		{
			myFx.start('height',heightklein,heightgross);
			//box.tween('height', [heightklein,heightgross]);
		}

	});
	
	
	//Mouseover
	box.addEvent('mouseover', function(){
		this.tween('opacity', fadefrom);
	});

	box.addEvent('mouseout', function(){
		this.tween('opacity', fadeto);
	});
	

});