//jQuery: Accordion
jQuery().ready(function(){
	// simple accordion
	jQuery('#list1a').accordion();
	jQuery('#list1b').accordion({
		autoheight: false
	});
	
	// second simple accordion with special markup
	jQuery('#toggle').accordion({
		active: false,
		header: '.head',
		/*navigation: true,*/
		event: 'mouseover',
		fillSpace: false,
		animated: 'bounceslide'	//animated: 'easeslide'
	});
	/*animated: 'bounceslide'*/
	/*animated: 'slide'*/
	
	// highly customized accordion
	jQuery('#list2').accordion({
		event: 'mouseover',
		active: '.selected',
		selectedClass: 'active',
		animated: "bounceslide",
		header: "dt"
	}).bind("change.ui-accordion", function(event, ui) {
		jQuery('<div>' + ui.oldHeader.text() + ' hidden, ' + ui.newHeader.text() + ' shown</div>').appendTo('#log');
	});
	
	// first simple accordion with special markup
	jQuery('#list3').accordion({
		header: 'div.title',
		active: false,
		alwaysOpen: false,
		animated: false,
		autoheight: false
	});
	
	var wizard = $("#wizard").accordion({
		header: '.title',
		event: false
	});
	
	var wizardButtons = $([]);
	$("div.title", wizard).each(function(index) {
		wizardButtons = wizardButtons.add($(this)
		.next()
		.children(":button")
		.filter(".next, .previous")
		.click(function() {
			wizard.accordion("activate", index + ($(this).is(".next") ? 1 : -1))
		}));
	});
	
	// 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('#list1a, #list1b, #list2, #list3, #toggle, #wizard');
	
	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");
	});
});

