/*!
 * Ext JS Library 3.0+
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
Ext.onReady(function(){

    // create the Data Store
    var store = new Ext.data.Store({
        // load using HTTP
        url: '_XML.php?target=http://www.pfgbest.com/common/ibs/optionexpirations.xml',

        // the return will be XML, so lets set up a reader
        reader: new Ext.data.XmlReader({
               // records will have an "Item" tag
               record: 'item',
               totalRecords: '@total'
           }, [
               // set up the fields mapping into the xml doc
               // The first needs mapping, the others are very basic
               {name: 'future', mapping: 'future'},
               'january',
               'february',
               'march',
               'april',
               'may',
               'june',
               'july',
               'august',
               'september',
               'october',
               'november',
			   'december'
           ])
    });

    // create the grid
    var grid = new Ext.grid.GridPanel({
        store: store,
        columns: [
            {header: "Future", width: 155, dataIndex: 'future', sortable: true},
            {header: "Jan", width: 50, dataIndex: 'january', sortable: true},
            {header: "Feb", width: 50, dataIndex: 'february', sortable: true},
            {header: "Mar", width: 50, dataIndex: 'march', sortable: true},
            {header: "Apr", width: 50, dataIndex: 'april', sortable: true},
            {header: "May", width: 50, dataIndex: 'may', sortable: true},
            {header: "Jun", width: 50, dataIndex: 'june', sortable: true},
            {header: "Jul", width: 50, dataIndex: 'july', sortable: true},
            {header: "Aug", width: 50, dataIndex: 'august', sortable: true},
            {header: "Sep", width: 50, dataIndex: 'september', sortable: true},
            {header: "Oct", width: 50, dataIndex: 'october', sortable: true},
            {header: "Nov", width: 50, dataIndex: 'november', sortable: true},
            {header: "Dec", width: 50, dataIndex: 'december', sortable: true}
        ],
        renderTo:'data-grid',
		enableColumnHide : false,
		enableColumnMove : false,
		enableHdMenu : false,
		stripeRows : true,
		trackMouseOver : false,
        width:780,
        height:425
    });

    store.load();
});