window.addEvent('domready', function() {
	var status = {
		'true': 'open',
		'false': 'close'
	};
	
	$('drop_down_menu').getElements('li.menu').each( function( elem ){
	var list = elem.getElement('ul.links');	
	var myFx = new Fx.Slide(list).hide();
	var myfx2 = new Fx.Morph(list, {
		duration: 0,
		link: 'chain'
	});		
	elem.addEvents({
			'mouseenter' : function(){
				list.setStyle('display', 'block');				
				myFx.cancel();
				myFx.slideIn();
				/*myfx2.cancel();
				myfx2.start({
					"opacity": 1
				});*/					
			},
			'mouseleave' : function(){
				list.setStyle('display', 'none'); 
				myFx.cancel();
				myFx.slideOut();
				/*myfx2.cancel();
				myfx2.start({
					"display": 0
				});*/						
			}
		});
	});
	//alert(document.getElementById('loesungenleft'));
	var proof = document.getElementById('vertical_slide1');
	var VerticalSlideArray = new Array();
	
	var current_slide = "img1";
	
	if(proof!=null){
		var elements = document.getElementById('pageSpalte2');
		//var i = 1;
		var f = 1;
		while(document.getElementById('v_toggle'+f)){
			f = f+1;
			//alert('v_toggle'+f);
		}

		var scroll = new Fx.Scroll(window, {
		});
	
		//elements.getElementById('v_toggle1').className = "loesungenpoint_active";
	
		var VerticalSlideArray = new Array();
		//alert(this.id.substr(1,1));
		var i = 1;
		//alert(elements.getElementsByTagName('DIV').length/2);
		
		
		var BannerArray = new Array();
		var last_id = 0;
		var diffrence_value = new Array();
		
		for(i = 1; i<f; i++){
			VerticalSlideArray[i] = new Fx.Slide('vertical_slide'+i+'');
			$('v_toggle'+i+'').addEvent('click', function(e){
				var active_id = this.id.replace('v_toggle',"")+'';
				//alert("somehin"+active_id);
				

					VerticalSlideArray[this.id.replace('v_toggle',"")].toggle().chain(function() {
						if($('v_toggle'+active_id).get('class')=="loesungenpoint" || $('v_toggle'+active_id).get('class')=="loesungenpoint3"){
							if($('v_toggle'+active_id).get('class')=="loesungenpoint3"){
								$('v_toggle'+active_id).set('class', 'loesungenpoint3_active');
							}
							else{
								$('v_toggle'+active_id).set('class', 'loesungenpoint_active');
							}
							if($('v_toggle'+active_id).parentNode.parentNode.className=="slider"){
								//$('v_toggle'+active_id).parentNode.parentNode.style.height = $('v_toggle'+active_id).parentNode.parentNode.style.height + 200;
								//alert($('v_toggle'+active_id).parentNode.parentNode.getStyle('height'));
								diffrence_value[active_id] = parseInt($('vertical_slide'+active_id).parentNode.getStyle('height'));
								//alert(diffrence_value);
								value = parseInt($('v_toggle'+active_id).parentNode.parentNode.parentNode.getStyle('height').replace('px',""))+diffrence_value[active_id];
								//alert(value);
								$('v_toggle'+active_id).parentNode.parentNode.parentNode.setStyle("height",value);
							}
						}else{
							if($('v_toggle'+active_id).get('class')=="loesungenpoint3_active"){
								$('v_toggle'+active_id).set('class', 'loesungenpoint3');
							}
							else{
								$('v_toggle'+active_id).set('class', 'loesungenpoint');
							}
							if($('v_toggle'+active_id).parentNode.parentNode.className=="slider"){
								//$('v_toggle'+active_id).parentNode.parentNode.style.height = $('v_toggle'+active_id).parentNode.parentNode.style.height + 200;
								//alert($('v_toggle'+active_id).parentNode.parentNode.getStyle('height'));
								var value2 = parseInt($('v_toggle'+active_id).parentNode.parentNode.parentNode.getStyle('height').replace('px',""))-diffrence_value[active_id];
								$('v_toggle'+active_id).parentNode.parentNode.parentNode.setStyle("height",value2);
							}
						}
						//alert($('v_toggle'+active_id).parentNode.parentNode.className);
					});
					var proof2 = document.getElementById('roulette');
					if (proof2 != null) {
						var target = $('slide');
						var fx = new Fx.Morph(target, {
							duration: 1000,
							link: 'chain'
						});
						fx.options.transition = Fx.Transitions.linear;
						if (last_id == active_id) {
							document.getElementById(current_slide).show();
							current_slide = "img1";
							document.getElementById("img1").show();
							$('slide').setStyle('margin-top', '-200px');
							//alert($('slide').get('margin-top'));
							fx.start({
								"margin-top": 0
							});
						}
						else {
							//alert(active_id);
							//var img_proof = document.getElementById('img'+active_id+'');
							//if(img_proof != null){
							var elements1 = $$('#slide div');
							//document.getElementById('slide').getElementsByTagName('div').hide();
							//elements1[1].hide();
							//elements1[2].hide();
							for (var i=0; i<elements1.length; i++) {
	
						    	elements1[i].hide();
								
						    	//alert(elements1[i].id);
						    	//alert("bla");
							    /*else{
							    	elements1[i].show();
							    	document.getElementById('img'+active_id+'').show();
							    }*/
								//alert("JA");
							} 
							
							active_id = parseFloat(active_id);
							//alert(active_id);
							$(current_slide).show();
						    $('img'+(active_id+1)+'').show();
						    
						    
							//alert(current_slide);
							/*for(){
								var img_proof = document.getElementById('img'+active_id+'');
							}*/
						    current_slide = 'img'+(active_id+1)+'';
						    
						    
						    //$('slide').set('margin-top', 0);
						    if(last_id > active_id){
						    	fx.start({
						    		"margin-top": 0
						    	});
						    }
						    if(last_id < active_id){
						    	fx.start({
						    		"margin-top": -200
						    	});
						    }
							
							
							//}
						}
						if (last_id != 0) {
							VerticalSlideArray[last_id].toggle();
							if (last_id == active_id) {
								$('v_toggle' + last_id).set('class', 'loesungenpoint_active');
							}
							else {
								$('v_toggle' + last_id).set('class', 'loesungenpoint');
							}
						}
						if (last_id == active_id) {
							last_id = 0;
						}
						else {
							last_id = active_id;
						}
						scroll.toElement(top);
					}
					else {
						scroll.toElement('v_toggle' + active_id);
						e.stop();
					}	
			});
			
			
			/*$('toggle'+i+'').addEvent('click', function(e){
				e.stop();
				//VerticalSlideArray[this.id.replace('toggle',"")].slideIn();
				//scroll.toElement('v_toggle'+this.id.replace('toggle',"")+'');
			});*/
			//if(i>1){
				VerticalSlideArray[i].hide();
				
				
				//VerticalSlideArray[i].setProperty('class', 'loesungenpoint_active' );
				//elements[i].className = "loesungenpoint_active";
			//}
		}
		var proof3 = document.getElementById('roulette2');
		if (proof3 != null) {
			var target2 = $('slide');
			var count = 1;
			var fx = new Fx.Morph(target2, {
				duration: 1000,
				link: 'chain'
			});
			
			fx.options.transition = Fx.Transitions.linear;
			/*var VerticalSlide1 = new Fx.Slide('vertical_slide1');
			var VerticalSlide2 = new Fx.Slide('vertical_slide2');
			var VerticalSlide3 = new Fx.Slide('vertical_slide3');*/

			$('v_toggle3').addEvent('click', function(e){
				if(count==1){
					fx.start({
						"margin-top": -200
					});
					count=0;
				}else{
					fx.start({
						"margin-top": 0
					});
					count=1;
				}
			});
			$('v_toggle2').addEvent('click', function(e){
				fx.start({
					"margin-top": 0
				});
			});
			$('v_toggle1').addEvent('click', function(e){
				fx.start({
					"margin-top": 0
				});
			});
		}

	}
});