jQuery().ready(function(){
	
	// second simple accordion with special markup
	jQuery('#navigation').accordion({
		active: false,
		header: '.head',
		navigation: true,
		event: 'mouseover',
		fillSpace: true,
		animated: 'easeslide'
	});
	
	//getter
	var autoHeight = $('.selector').accordion('option', 'autoHeight');
	//setter
	$('.selector').accordion('option', 'autoHeight', true);
	

	
	// 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('#navigation');
	
	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");
	});
});