window.addEvent('domready', function() {
	var element = $('pos_inhalt');
	var myFx = new Fx.Tween(element, {
	    duration: 300,
		onStart: function(){

		},
		onComplete: function(){
			if (element.getStyle('left') == '528px') {
				$('pos_inhalt_mehr').set('opacity', '1');
			}
			if (element.getStyle('left') == '254px') {
				oben_einblenden();
				unten_einblenden();					
				$('pos_inhalt_weniger').set('opacity', '1');
			}			
		}
	});


	$('pos_inhalt_unten').set('opacity', '0');
	$('pos_inhalt_oben').set('opacity', '0');
	$('pos_inhalt_weniger').set('opacity', '0');
	$('pos_inhalt_mehr').set('opacity', '1');
	

	// Höhe des Layers mit Inhalt auslesen	
	var hoehe_inhalt_unten = $('pos_inhalt_unten').getStyle('height');
	// Layer auf eine Höhe von 0 setzen zum späteren aufklappen
	unten_ausblenden(0);
	oben_ausblenden(0);
	
	element.setStyle('left', 528);

	$('aufklapper').addEvent('click', function(e) {
		// You often will need to stop propagation of the event	
		$('pos_inhalt_mehr').set('opacity', '0');
		myFx.start('left', '254px');		
	});
	
	$('zuklapper').addEvent('click', function(e) {
		// You often will need to stop propagation of the event
		$('pos_inhalt_weniger').set('opacity', '0');
		myFx.start('left', '528px');	
		unten_ausblenden(500);
		oben_ausblenden(500);		
	});	
	

	function unten_einblenden() {
		$('pos_inhalt_unten').set('opacity', '1');
		$('pos_inhalt_unten').set('morph', { duration: 300 });
		$('pos_inhalt_unten').morph({ height: hoehe_inhalt_unten, top: 450});				
	}

	function oben_einblenden() {
		$('pos_inhalt_oben').set('opacity', '1');
		$('pos_inhalt_oben').set('morph', { duration: 300 });
		$('pos_inhalt_oben').morph({ top: 1, height: 218 });				
	}

	function unten_ausblenden(dauer) {
//		$('pos_inhalt_unten').set('opacity', '1');
		$('pos_inhalt_unten').set('morph', { duration: dauer });
		$('pos_inhalt_unten').morph({ height: 0, top: 450});				
	}

	function oben_ausblenden(dauer) {
		$('pos_inhalt_oben').set('morph', { duration: dauer });
		$('pos_inhalt_oben').morph({ top: 218, height: 0 });				
	}
});