/// <reference path="js/vswd-ext_2.2.js" />

// Registering JaParking namespaces.
Ext.namespace('JP', 'JP.panel'); 

Ext.onReady(function() {
    new Ext.Panel({
        id: 'accPanel',
        renderTo: 'accordion',
        layout: 'accordion',
        width: '515',
        defaults: {
            // applied to each contained panel
            bodyStyle: 'padding:15px',
            border: false
        },
        layoutConfig: {
            // layout-specific configs go here
            titleCollapse: false,
            animate: true,
            activeOnTop: false
        },
        items: [{
            title: JP.label["Q1"],
            html: JP.label["A1"]
        }
        , {
        title: JP.label["Q2"], 
        html: String.format("{0}<br />{1}<br />{2}<br />{3}<br />{4}", JP.label["A2_1"], JP.label["A2_2"], JP.label["A2_3"], JP.label["A2_4"], JP.label["A2_5"])
        }
        , 
      {
             title: JP.label["Q3"],
             html: String.format("{0}<br />{1}<br />&bull;{2}<br />&bull;{3}<br />&bull;{4}<br />&bull;{5}<br />&bull;{6}<br />&bull;{7}<br />&bull;{8}<br />{9}<br />", JP.label["A3_1"], JP.label["A3_2"], JP.label["A3_3"], JP.label["A3_4"], JP.label["A3_5"], JP.label["A3_6"], JP.label["A3_7"], JP.label["A3_8"], JP.label["A3_9"], JP.label["A3_10"])
        }
        , 
        {
             title: JP.label["Q4"],
             html: String.format("{0} <a href='Login/Register.aspx'>{1}</a><br />{2}", JP.label["A4_1"], JP.label["Here"], JP.label["A4_2"])
        }
        , {
            title: JP.label["Q5"],
            html: String.format("{0}<br />&bull;{1}<br />&bull;{2}<br />&bull;{3}<br />&bull;{4}", JP.label["A5_1"], JP.label["A5_2"], JP.label["A5_3"], JP.label["A5_4"], JP.label["A5_5"])
        }
        , 
        {
            title: JP.label["Q6"],
            html: String.format("{0}",JP.label["A6"])
        }


]
        });
});