window.addEvent('resize', function(){
	
	var titles = $$('#menu-container li');
var ausbl = $$('#menu-container li');
titles.each(function(el) {
		
	if(el.title == 'aktiv'){
		var height_button = (el.getPosition().y+10)+'px';
		var x_button = (el.getPosition().x-16)+'px';
	
		$('aktiv_button').setStyle('top', height_button); 
		$('aktiv_button').setStyle('left', x_button); 
	}
		
	el.addEvent('click', function(){
		ausbl.each(function(el) {
			el.setStyle('background-color','transparent');
			el.setProperty('title','nicht-aktiv');
		});
					
		el.setProperty('title','aktiv');
				
		if(el.title == 'aktiv'){
			var height_button = (el.getPosition().y+10)+'px';
			var x_button = (el.getPosition().x-16)+'px';
	
			$('aktiv_button').setStyle('top', height_button); 
			$('aktiv_button').setStyle('left', x_button); 
		}
	}.bind(this));
			
	el.addEvent('mouseover', function(){
		var height_button = (el.getPosition().y+10)+'px';
		$('hover_button').setStyle('top', height_button); 
				
		if(el.title != 'aktiv'){
			var height_button = (el.getPosition().y+10)+'px';
			var x_button = (el.getPosition().x-16)+'px';
	
			$('hover_button').setStyle('top', height_button); 
			$('hover_button').setStyle('left', x_button); 
		}
					
	});
			
	el.addEvent('mouseout', function() {
		if(el.title != 'aktiv'){
			$('hover_button').setStyle('top', '-1000px'); 
			$('hover_button').setStyle('left', '-1000px'); 
		}
	}.bind(this));
		
		
});
});


window.addEvent('domready', function(){
if(window.gecko){
	$$('body').setStyle('overflow-y', 'scroll');
}
var titles = $$('#menu-container li');
var ausbl = $$('#menu-container li');
titles.each(function(el) {
		
	if(el.title == 'aktiv'){
		var height_button = (el.getPosition().y+10)+'px';
		var x_button = (el.getPosition().x-16)+'px';
	
		$('aktiv_button').setStyle('top', height_button); 
		$('aktiv_button').setStyle('left', x_button); 
	}
		
	el.addEvent('click', function(){
		ausbl.each(function(el) {
			el.setStyle('background-color','transparent');
			el.setProperty('title','nicht-aktiv');
		});
					
		el.setProperty('title','aktiv');
				
		if(el.title == 'aktiv'){
			var height_button = (el.getPosition().y+10)+'px';
			var x_button = (el.getPosition().x-16)+'px';
	
			$('aktiv_button').setStyle('top', height_button); 
			$('aktiv_button').setStyle('left', x_button); 
		}
	}.bind(this));
			
	el.addEvent('mouseover', function(){
		var height_button = (el.getPosition().y+10)+'px';
		$('hover_button').setStyle('top', height_button); 
				
		if(el.title != 'aktiv'){
			var height_button = (el.getPosition().y+10)+'px';
			var x_button = (el.getPosition().x-16)+'px';
	
			$('hover_button').setStyle('top', height_button); 
			$('hover_button').setStyle('left', x_button); 
		}
					
	});
			
	el.addEvent('mouseout', function() {
		if(el.title != 'aktiv'){
			$('hover_button').setStyle('top', '-1000px'); 
			$('hover_button').setStyle('left', '-1000px'); 
		}
	}.bind(this));
		
		
});

var accordion = new Accordion('h3.atStart', 'div.atStart', {
	opacity: true,
	show:-1,
	alwaysHide: true,
	onActive: function(toggler, element){
		toggler.setStyle('color', 'green');
		toggler.setStyle('background-color', '#92cb46'); 
	},
 	

	
	onBackground: function(toggler, element){
		toggler.setStyle('color', '#222');
		
	}
}, $('accordion'));

 
var newTog = new Element('h3', {'class': 'toggler'}).setHTML('Common descent');



var tog = $$('h3');

tog.each(function(el) {
		el.addEvent('mouseover', function(){
			el.setStyle('background-color', '#92cb46'); 
		
					
		});
			
	el.addEvent('mouseout', function() {
			el.setStyle('background-color', '#f1f1f1'); 
	}.bind(this));
		
		
});

});
///////////////////////////////////////////////////////////////