window.addEvent('domready', function() {
	$E('#projektecontent').setStyle('height','0px');

});

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

				

		var scrollprojekte = new Scroller('projekteright', {area: 40, velocity: 1});
		var projekte1 = new Fx.Styles('projektecontent', {duration: 100, transition: Fx.Transitions.Sine.easeInOut, wait: 0});
		var projekteleft = new Fx.Styles('projekteleft', {duration: 100, transition: Fx.Transitions.linear});
		var projektecomplete = new Fx.Styles('projekte', {duration: 100, transition: Fx.Transitions.linear});
		var projektetop = new Fx.Styles('projekte', {duration: 200, transition: Fx.Transitions.linear});

		$E('#projektecontent').setStyle('height','0px');

		$E('#projekte').addEvent('mouseenter', function(e){
			e = new Event(e); 
			if($('projektemenu').getStyle('display') == 'block'){
			projekte1.start({'height': 168});
			projektecomplete.start({'width': 460});
			projekteleft.start({'width': 126});
			$E('#projekteright').setStyle('width','136px');
			$E('#projektetop').setProperty('src', 'fileadmin/templates/images/projekte/top_open1_de.gif');
			$E('#projektebottom').setProperty('src', 'fileadmin/templates/images/projekte/bottom_open1.gif');
				} 
			e.stop(); 
		});


		$E('#projektetop').addEvent('mouseover', function(e){
			e = new Event(e); 
			if($('projektemenu').getStyle('display') == 'none') {
			$$('#projekte .pr_left').setStyle('display','none');
			$$('#projekte .pr_right').setStyle('display','none');
			projekteleft.start({'width': 126});
			$E('#projekteright').setStyle('width','136px');	
			$('projektemenu').setStyle('display','block');
			$E('#projektetop').setProperty('src', 'fileadmin/templates/images/projekte/top_open1_de.gif');
			$E('#projektebottom').setProperty('src', 'fileadmin/templates/images/projekte/bottom_open1.gif');	
			$('projektecontent').setStyle('background-image','url(fileadmin/templates/images/projekte/bg_open1.jpg)');
			}
			e.stop(); 

		});


		$$('.pr_left').addEvent('click', function(e){
			e = new Event(e); 
			if($('projektemenu').getStyle('display') == 'none') {
			$$('#projekte .pr_left').setStyle('display','none');
			$$('#projekte .pr_right').setStyle('display','none');
			projekteleft.start({'width': 126});
			$E('#projekteright').setStyle('width','136px');	
			$('projektemenu').setStyle('display','block');
			$E('#projektetop').setProperty('src', 'fileadmin/templates/images/projekte/top_open1_de.gif');
			$E('#projektebottom').setProperty('src', 'fileadmin/templates/images/projekte/bottom_open1.gif');	
			$('projektecontent').setStyle('background-image','url(fileadmin/templates/images/projekte/bg_open1.jpg)');
			
			}
			e.stop(); 
		});
	

		$E('#projekte').addEvent('mouseleave', function(e){
			e = new Event(e); 
				$$('#projekte .pr_left').setStyle('display', 'none');
				$$('#projekte .pr_right').setStyle('display', 'none');
				$E('#projekteright').setStyle('width', '136px');
				projekte1.start({
						'height': 0}).chain(function(){
				projektecomplete.start({
					'width': 157
				}).chain(function(){
					projekteleft.start({
					'width': 126
					});

				$E('#projektetop').setProperty('src', 'fileadmin/templates/images/projekte/top_closed_de.gif');
				$E('#projektebottom').setProperty('src', 'fileadmin/templates/images/projekte/bottom_closed.gif');
				$('projektecontent').setStyle('background-image', 'url(fileadmin/templates/images/projekte/bg_open1.jpg)');
				});

				});
			//	$('projektecontent').setStyle('height', '0px');
				e.stop(); 

		});

		

		$('projekteright').addEvent('mouseover', scrollprojekte.start.bind(scrollprojekte));
		$('projekteright').addEvent('mouseout', scrollprojekte.stop.bind(scrollprojekte));

		$$('#projektemenu a').addEvent('click', function(e){
			evi = new Event(e); 
			evi.preventDefault();
			/*evi.stopPropagation(); */
			evi.stop(); 
			$E('#projekteright').scrollTo(0,0);
			projektecomplete.start({
				'width': 460});
			projekteleft.start({
				'width': 230});
			$E('#projekteright').setStyle('width','230px');
			$E('#projektetop').setProperty('src', 'fileadmin/templates/images/projekte/top_open2_de.gif');
			$E('#projektebottom').setProperty('src', 'fileadmin/templates/images/projekte/bottom_open2.gif');
			$(this.getProperty('rel') + '_left').setStyle('display','block');
			$('projektemenu').setStyle('display','none');
			$('projektecontent').setStyle('background-image','none');
			$(this.getProperty('rel') + '_right').setStyle('display','block');
			return false;

		});

		

			

});