<!-- accordion -->

jQuery().ready(function(){
		// simple accordion
		jQuery('#list1').accordion({
			autoheight: true, header: "a.titolo"
			
		});
		jQuery('#list2').accordion({
			autoheight: true, header: "a.titolo"
		});
		
		jQuery('#list3').accordion({
			autoheight: true, header: "a.titolo"
		});
		
		jQuery('#list4').accordion({
			autoheight: true, header: "a.titolo"
			
		});
		jQuery('#list5').accordion({
			autoheight: true, header: "a.titolo"
		});
		
		jQuery('#list6').accordion({
			autoheight: true, header: "a.titolo"
		});
		
		jQuery('#list7').accordion({
			autoheight: true, header: "a.titolo"
			
		});
		jQuery('#list8').accordion({
			autoheight: true, header: "a.titolo"
		});
		
		jQuery('#list9').accordion({
			autoheight: true, header: "a.titolo"
		});
		
		jQuery('#list10').accordion({
			autoheight: true, header: "a.titolo"
			
		});
		jQuery('#list11').accordion({
			autoheight: true, header: "a.titolo"
		});
		
		jQuery('#list12').accordion({
			autoheight: true, header: "a.titolo"
		});
		
				
		// 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('#list1, #list2, #list3, #list4, #list5, #list6, #list7, #list8, #list9, #list10, #list11, #list12');
		
		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");
		});
	});