jQuery(function() {
		jQuery("#accordion").accordion({
			icons: {
			header: "ui-icon-circle-arrow-e",
				headerSelected: "ui-icon-circle-arrow-s",
				collapsible: true,
				autoHeight: false


			}
		});
});

// function to convert the accordion to a menu with multiple slideout content panes
jQuery(function() {
	jQuery("#menu").addClass("ui-accordion ui-widget ui-helper-reset")

	.find("h5")
		.addClass("ui-accordion-header ui-helper-reset ui-state-default ui-corner-top ui-corner-bottom")
		.prepend('<span class="ui-icon ui-icon-triangle-1-e"/>')
		.click(function() {
			jQuery(this).toggleClass("ui-accordion-header-active").toggleClass("ui-state-active")
				.toggleClass("ui-state-default").toggleClass("ui-corner-bottom")
			.find("> .ui-icon").toggleClass("ui-icon-triangle-1-e").toggleClass("ui-icon-triangle-1-s")
			.end().next().toggleClass("ui-accordion-content-active").toggle();
			return false;
		})
		.next().addClass("ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom").hide();
})

function initMenu() {
  jQuery('#menu h5 a').click(
    function() {
	jQuery(this).next().slideToggle('normal');
      }
    );
    jQuery("#menu").find("h5:first").next().show();
   }

jQuery(document).ready(function() {initMenu();});

