var ENGAGING_ACCORDIAN = function()
{
    var accordian_on_render = function()
    {
        swfobject.embedSWF('/flash/V05-AdatConnection.swf', 'engaging_ad_product_3', '100%', '100%', '8', null, null,
                {'wmode': 'transparent'}); // wmode: transparent makes the top navigation appear above the movie
       /* 
	   ### S. Partridge : removal per v. ahern and l. christofferson
	   
	   swfobject.embedSWF('/flash/V05-AdforAccess.swf', 'engaging_ad_product_1', '100%', '100%', '8', null, null,
                {'wmode': 'transparent'}); // wmode: transparent makes the top navigation appear above the movie
	   */
        swfobject.embedSWF('/flash/V05-AdonDevices.swf', 'engaging_ad_product_4', '100%', '100%', '8', null, null,
                {'wmode': 'transparent'}); // wmode: transparent makes the top navigation appear above the movie
    };
    
    var myAccordian = new Ext.Panel(
    {
        renderTo: 'engaging_accordian',
        layout: 'accordion',
        deferredRender: false,
        width: 540,
        height: 600,
        layoutConfig:
        {
            titleCollapse: false,
            animate: true,
            activeOnTop: false,
            fill: true
        },
        defaults:
        {  bodyStyle: 'background: #fff;', collapsible: false },
        items: 
        [{
            title: 'Ads at Connection',
            html: '<div id="engaging_ad_product_3"></div>'
        },
		 /* 
	   		### S. Partridge : removal per v. ahern and l. christofferson
        {
            title: 'Ads for Access',
            html: '<div id="engaging_ad_product_1"></div>',
            collapsed:  false
        },
		*/
        {
            title: 'Ads on Devices',
            html: '<div id="engaging_ad_product_4"></div>'
        }],
        listeners: {'render': accordian_on_render}
    });
    
    accordian_on_render();
};

Ext.onReady(ENGAGING_ACCORDIAN);