var accordionLeistungen;

window.addEvent('domready', function() {
	
	//create our Accordion instance
	accordionLeistungen = new Accordion($('leistungen_accordion'), 'div.toggler', 'div.element', {
		opacity: false,
		show: 0,
		initialDisplayFx: false,
		onActive: function(toggler, element) {
			// Set left icons, update sub navigation
			var section = toggler.getParent();
			if (section.hasClass('leistungen_leistungen_closed')) {
				section.removeClass('leistungen_leistungen_closed');
				section.addClass('leistungen_leistungen_open');
				$('navigation_sub').getElement('li.navigation_sub_leistungen').addClass('active');
			} else if (section.hasClass('leistungen_methoden_closed')) {
				section.removeClass('leistungen_methoden_closed');
				section.addClass('leistungen_methoden_open');
				$('navigation_sub').getElement('li.navigation_sub_methoden').addClass('active');
			} else if (section.hasClass('leistungen_software_closed')) {
				section.removeClass('leistungen_software_closed');
				section.addClass('leistungen_software_open');
				$('navigation_sub').getElement('li.navigation_sub_software').addClass('active');
			} else if (section.hasClass('leistungen_design_closed')) {
				section.removeClass('leistungen_design_closed');
				section.addClass('leistungen_design_open');
				$('navigation_sub').getElement('li.navigation_sub_design').addClass('active');
			}
			
			// Remove the double arrow to the right
			section.removeClass('closed');
		},
		onBackground: function(toggler, element){
			// Set left icons, update sub navigation
			var section = toggler.getParent();
			if (section.hasClass('leistungen_leistungen_open')) {
				section.removeClass('leistungen_leistungen_open');
				section.addClass('leistungen_leistungen_closed');	
				$('navigation_sub').getElement('li.navigation_sub_leistungen').removeClass('active');
			} else if (section.hasClass('leistungen_methoden_open')) {
				section.removeClass('leistungen_methoden_open');
				section.addClass('leistungen_methoden_closed');
				$('navigation_sub').getElement('li.navigation_sub_methoden').removeClass('active');
			} else if (section.hasClass('leistungen_software_open')) {
				section.removeClass('leistungen_software_open');			
				section.addClass('leistungen_software_closed');
				$('navigation_sub').getElement('li.navigation_sub_software').removeClass('active');				
			} else if (section.hasClass('leistungen_design_open')) {
				section.removeClass('leistungen_design_open');			
				section.addClass('leistungen_design_closed');	
				$('navigation_sub').getElement('li.navigation_sub_design').removeClass('active');
			}
			
			// Add the double arrow to the right
			section.addClass('closed');			
		}
	});
});

window.addEvent('domready', function() {
	// Initiallly add the double arrows to the right to the closed items. This is needed because initial animation has been deactivated.
	$('leistungen_accordion').getElement('div.leistungen_methoden_closed').addClass('closed');
	$('leistungen_accordion').getElement('div.leistungen_software_closed').addClass('closed');
	$('leistungen_accordion').getElement('div.leistungen_design_closed').addClass('closed');
});