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: 'mouseover',
      fillSpace: true,
      animated: 'easeslide'
    });

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