﻿// Konfiguration Accordion
//==================================================================================>
	jQuery().ready(function(){
		
		// second simple accordion with special markup
		jQuery('#accordion').accordion({
			active: '.active',
			header: '.headline',
			navigation: false,
			fillSpace: false,
			alwaysOpen: true,
			autoheight: false ,
			animated: 'easeslide'
		});
		
		jQuery('#accordion_2').accordion({
			active: '.active',
			header: '.headline',
			navigation: false,
			fillSpace: false,
			alwaysOpen: true,
			autoheight: false ,
			animated: 'easeslide'
		});
		
		jQuery('#accordion_3').accordion({
			active: '.active',
			header: '.headline',
			navigation: false,
			fillSpace: false,
			alwaysOpen: true,
			autoheight: false ,
			animated: 'easeslide'
		});

		jQuery('#accordion_4').accordion({
			active: '.active',
			header: '.headline',
			navigation: false,
			fillSpace: false,
			alwaysOpen: true,
			autoheight: false ,
			animated: 'easeslide'
		});

		jQuery('#accordion_5').accordion({
			active: '.active',
			header: '.headline',
			navigation: false,
			fillSpace: false,
			alwaysOpen: true,
			autoheight: false ,
			animated: 'easeslide'
		});

		jQuery('#accordion_6').accordion({
			active: '.active',
			header: '.headline',
			navigation: false,
			fillSpace: false,
			alwaysOpen: true,
			autoheight: false ,
			animated: 'easeslide'
		});

		jQuery('#accordion_7').accordion({
			active: '.active',
			header: '.headline',
			navigation: false,
			fillSpace: false,
			alwaysOpen: true,
			autoheight: false ,
			animated: 'easeslide'
		});
		
		// bind to change event of select to control first and seconds accordion
		// similar to tab's plugin triggerTab(), without an extra method
		
		var accordions = jQuery('#accordion, #accordion_2, #accordion_3, #accordion_4, #accordion_5, #accordion_6, #accordion_7');
		
		jQuery('#switch select').change(function() {
			accordions.accordion("activate", this.selectedIndex-1 );
		});
		jQuery('#close').click(function() {
			accordions.accordion("activate", -1);
		});
		jQuery('#switch2').change(function() {
			accordions.accordion("activate", this.value);
		});
		jQuery('#enable').click(function() {
			accordions.accordion("enable");
		});
		jQuery('#disable').click(function() {
			accordions.accordion("disable");
		});
		jQuery('#remove').click(function() {
			accordions.accordion("destroy");
			wizardButtons.unbind("click");
		});
	});