/**
 * @author marc
 */
 //window on dom ready
window.addEvent('load', function() {
			var active_menu = $('block_2').getElement('li.active');
			var active_menu2 = $('block_2').getElement('li.active ul');
			var active_menu3 = $('block_2').getElement('li.active li.active');
			var active_menu4 = $('block_2').getElement('li.active li.active ul');
			var active_menu5 = $('block_2').getElements('li.active li.active ul li');
			var active_menu6 = $('block_2').getElement('li.active li.active li.active');
			var active_menu7 = $('block_2').getElement('li.active + li');
			var active_menu8 = $('block_2').getElement('li.active li.active + li');
			var active_menu9 = $('block_2').getElement('li.active li.active li.active + li');
			var active_menu10 = $('block_2').getElement('li.active li.active li.active ul');
			var active_menu11 = $('block_2').getElement('li.active li.active li.active ul li');
			var active_menu12 = $('block_2').getElement('li.active li.active li.active li.active');
			

			
			if ($defined(active_menu2)) {
				var myFx = new Fx.Slide(active_menu2, {
					duration: 1000
				});
				active_menu2.setStyle('display', 'block'); //because in the stylesheet it is set to display none
			}
			
			if ($defined(active_menu2) && !$defined(active_menu3)){	
			myFx.hide(); // needed for IE which otherwise flashes the ul
			myFx.slideIn.delay(10, myFx); // slide the submenu
			}
			
			// looking for submenu, if yes start transition (margin to other menu points) 
			// but only when there is no third level menu
			
			if ($defined(active_menu) && ($defined(active_menu2)) && (!$defined(active_menu4))) { 

				active_ani = new Fx.Morph(active_menu, {
					duration: 1000,
					transition: Fx.Transitions.Sine.easeOut
				});
				active_ani.start.delay(10, active_ani, {
					'margin-top': 20
				});
			}
			
			if ($defined(active_menu2)&& (!$defined(active_menu4))) {
				
				//Attention: Effect is given to the following <a> element (active_menu7)
				active_ani2 = new Fx.Morph(active_menu7, {  
					duration: 1000,
					transition: Fx.Transitions.Sine.easeOut
				});
				active_ani2.start.delay(10, active_ani2, {
					'margin-top': 20
				});			
			}

			if ($defined(active_menu3) && (!$defined(active_menu4))) {
				active_menu.setStyle('margin-top',20);
				active_menu7.setStyle('margin-top',20);
			}
			
			if ($defined(active_menu4)) {
					var myFx2 = new Fx.Slide(active_menu4, {
					duration: 1000
				});
				active_ani4 = new Fx.Morph(active_menu4, {
						duration: 1500,
						transition: Fx.Transitions.Sine.easeOut
					});
				active_menu.setStyle('margin-top',20);
				active_menu7.setStyle('margin-top',20);
				active_menu4.setStyle('display','block');
				if (!$defined(active_menu6)) {
					myFx2.hide(); // needed for IE which otherwise flashes the ul
					myFx2.slideIn.delay(10, myFx2); // slide the subsubmenu
					active_ani8 = new Fx.Morph(active_menu8, {
						duration: 1000,
						transition: Fx.Transitions.Sine.easeOut
					});
					active_ani8.start.delay(10, active_ani8, {
					'margin-top': 10
					});
				} else {
					active_menu4.setStyle('margin-bottom',10);
					active_menu4.setStyle('margin-top',0);
				}
			}
			
			if ($defined(active_menu10)) {
					var myFx2 = new Fx.Slide(active_menu10, {
					duration: 1000
				});
				active_ani9 = new Fx.Morph(active_menu10, {
						duration: 1500,
						transition: Fx.Transitions.Sine.easeOut
					});
				active_menu.setStyle('margin-top',20);
				active_menu8.setStyle('margin-top',20);
				active_menu10.setStyle('display','block');
				if (!$defined(active_menu12)) {
					myFx2.hide(); // needed for IE which otherwise flashes the ul
					myFx2.slideIn.delay(10, myFx2); // slide the subsubmenu
					active_ani9 = new Fx.Morph(active_menu9, {
						duration: 1000,
						transition: Fx.Transitions.Sine.easeOut
					});
					active_ani9.start.delay(10, active_ani9, {
					'margin-top': 10
					});
				} else {
					active_menu10.setStyle('margin-bottom',10);
					active_menu10.setStyle('margin-top',0);
				}
			}
			
			if ($defined(active_menu5)) {
				active_menu5.each(function(ani_el){
					if ($defined($(active_menu6))) {
						ani_el.setStyle('margin-right', 0)
					}
					else {
					
						active_ani5 = new Fx.Morph(ani_el, {
							duration: 1000,
							transition: Fx.Transitions.Sine.easeOut
						});
						
						active_ani5.start.delay(10, active_ani5, {
						'margin-right': 0
						});
					}
				});
			}
	}); 	


