jQuery().ready(function(){

		// simple accordion

		jQuery('#list1a').accordion();

		jQuery('#list1b').accordion({

			autoheight: true

		});

		

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

		});

	});

 window.onload = function()

  {

      /*

      The new 'validTags' setting is optional and allows

      you to specify other HTML elements that curvyCorners

      can attempt to round.



      The value is comma separated list of html elements

      in lowercase.



      validTags: ["div", "form"]



      The above example would enable curvyCorners on FORM elements.

      */

      settings = {

          tl: { radius: 20 },

          tr: { radius: 20 },

          bl: { radius: 20 },

          br: { radius: 20 },

          antiAlias: true,

          autoPad: true,

          validTags: ["div"]

      }



      /*

      Usage:



      newCornersObj = new curvyCorners(settingsObj, classNameStr);

      newCornersObj = new curvyCorners(settingsObj, divObj1[, divObj2[, divObj3[, . . . [, divObjN]]]]);

      */

      var myBoxObject = new curvyCorners(settings, "menu");

      myBoxObject.applyCornersToAll();

  }