window.addEvent('domready', function() {
	
	//create our Accordion instance
	var myAccordion = new Accordion($('accordion'), 'h3.toggler', 'div.element', {
		opacity: false,
		alwaysHide: true, // bringt das was?
		onActive: function(toggler, element){
			toggler.setStyle('color', '#277a03');
			toggler.setStyle('height', '15px');
			toggler.setStyle('background-repeat', 'no-repeat');
			toggler.setStyle('background-image', 'url(/gim/inc/images/nav_punkt.gif)');
			element.id='active';
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#0b1600');
			toggler.setStyle('background-image', 'none');
			element.id='';
		}
		
	});

	// close active menu when mouse leaves menu container
	$('accordion').addEvent('mouseleave', function(event) {
		if($('active')){
			$('active').set('tween', {}).tween('height', '0px'); // tweening zum schliessen nur auf das Element mit id "active"
			$('active').id=''; // id wieder normal setzen, damit es kein Durcheinander gibt...
		}
	});
	
});