jQuery().ready(function(){
      // simple accordion
      jQuery('#list1a').accordion();
      jQuery('#list1b').accordion({
         autoheight: false
      });
			
		// second simple accordion with special markup
		jQuery('#navigation').accordion({
			active: false,
			header: '.head',
			navigation: true,
			event: 'click',
			fillSpace: false,
			animated: 'easeslide',	
			autoheight: false
      });

      // second simple accordion with special markup
      jQuery('#navigationAbout').accordion({
         active: true,
         header: '.subhead',
         navigation: true,
         event: 'click',
         fillSpace: false,
         animated: 'easeslide',
         autoheight: false
      });

      // second simple accordion with special markup
      jQuery('#navigationUserGuides').accordion({
         active: true,
         header: '.subhead',
         navigation: true,
         event: 'click',
         fillSpace: false,
         animated: 'easeslide',
         autoheight: false
      });

      // 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, #navigation, #navigationAbout, #navigationUserGuides, #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");
		});
	});