YUI({
    modules: {
        'gallery-accordion': {
            fullpath: 'http://yui.yahooapis.com/gallery-2010.03.02-18/build/gallery-accordion/gallery-accordion-min.js',
            requires: ['event','anim-easing','widget','widget-stdmod','json-parse'],
            optional: ['dd-constrain','dd-proxy','dd-drop'],
            supersedes: []
      }
 
    }
}).use('gallery-accordion', function(Y) {
    var item1, item2, item3, accordion;
 
    accordion = new Y.Accordion( {
        contentBox: "#acc1",
        useAnimation: true,
        collapseOthersOnExpand: true
    });
 
    accordion.render();
 
    item1 = new Y.AccordionItem( {
        label: "Item1, added from script",
        expanded: true,
        contentBox: "dynamicContentBox1",
        contentHeight: {
            method: "fixed",
            height: 80
        },
        closable: true
    } );
 
    item1.set( "bodyContent", "This is the body of the item, added dynamically to accordion.<br>Content height has been set as \"fixed, 80px\"." );
 
    accordion.addItem( item1 );
 
    item2 = new Y.AccordionItem( {
        label: "Item2, added from script",
        expanded: true,
        contentBox: "dynamicContentBox2",
        contentHeight: {
            method: "stretch"
        }
    } );
 
    item2.set( "bodyContent", "This is the body of the item, added dynamically to accordion, before item1.<br>Content height has been set as \"stretch\"." );
 
    accordion.addItem( item2, item1 );
 
    item3 = new Y.AccordionItem( {
        label: "Item3, added from script",
        expanded: true,
        alwaysVisible: true,
        contentBox: "dynamicContentBox3",
        contentHeight: {
            method: "auto"
        }
    } );
 
    item3.set( "bodyContent", "<div style='position:relative;'>This is the body of the item, added dynamically to accordion.<br>Content height has been set as \"auto\".</div>" );
 
    accordion.addItem( item3 );
 
});