/*
 * Ext JS Library 2.0.2
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

Ext.onReady(function(){

    Ext.state.Manager.setProvider(new Ext.state.CookieProvider());

    var myData = [
        ['<a href="https://docs.google.com/spreadsheet/ccc?key=0AvVkqcSG7Ub6dHNtVzFYUVhGYjN2RDU5ZnlFRU1WaFE&hl=en_US#gid=4" target="_blank" style="color:#15428b;">Quinn, A.</a>',2,5,2,1,0,0,1.5],
        ['<a href="https://docs.google.com/spreadsheet/ccc?key=0AvVkqcSG7Ub6dHNtVzFYUVhGYjN2RDU5ZnlFRU1WaFE&hl=en_US#gid=3" target="_blank" style="color:#15428b;">Knupp, M.</a>',2,5,7,7,6,27,7],
		['<a href="https://docs.google.com/spreadsheet/ccc?key=0AvVkqcSG7Ub6dHNtVzFYUVhGYjN2RDU5ZnlFRU1WaFE&hl=en_US#gid=1" target="_blank" style="color:#15428b;">Garner, C.</a>',3.333,3,3,5,3,8.10,2.40],
		['<a href="https://docs.google.com/spreadsheet/ccc?key=0AvVkqcSG7Ub6dHNtVzFYUVhGYjN2RDU5ZnlFRU1WaFE&hl=en_US#gid=2" target="_blank" style="color:#15428b;">Golden, K.</a>',1.666,3,13,7,17,91.83,12.00],
		['<a href="https://docs.google.com/spreadsheet/ccc?key=0AvVkqcSG7Ub6dHNtVzFYUVhGYjN2RDU5ZnlFRU1WaFE&hl=en_US#gid=0" target="_blank" style="color:#15428b;">Bozack, T.</a>',2,1,2,3,2,9,2.5]
    ];

    // example of custom renderer function
    function change(val){
        if(val > 0){
            return '<span style="color:black;">' + val + '</span>';
        }else if(val < 0){
            return '<span style="color:black;">' + val + '</span>';
        }
        return val;
    }

    // example of custom renderer function
    function pctChange(val){
        if(val > 0){
            return '<span style="color:black;">' + val + '%</span>';
        }else if(val < 0){
            return '<span style="color:black;">' + val + '%</span>';
        }
        return val;
    }

    // create the data store
    var store = new Ext.data.SimpleStore({
        fields: [
           {name: 'player'},
           {name: 'inn', type: 'float'},
           {name: 'k', type: 'float'},
           {name: 'bbi', type: 'float'},
           {name: 'ha', type: 'float'},
		   {name: 'r', type: 'float'},
		   {name: 'era', type: 'float'},
		   {name: 'whip', type: 'float'}
        ]
    });
    store.loadData(myData);

    // create the Grid
    var grid = new Ext.grid.GridPanel({
        store: store,
        columns: [
            {id:'player', header: "Player", width:80, sortable: true, dataIndex: 'player'},
            {header: "INN", width:40, sortable: true, dataIndex: 'inn'},
            {header: "K", width:40, sortable: true, dataIndex: 'k'},
            {header: "BBI", width:40, sortable: true, dataIndex: 'bbi'},
            {header: "HA", width:40, sortable: true, dataIndex: 'ha'},
			{header: "R", width:40, sortable: true, dataIndex: 'r'},
            {header: "ERA", width:40, sortable: true, dataIndex: 'era'},
			{header: "WHIP", width:40, sortable: true, dataIndex: 'whip'}
        ],
        stripeRows: true,
        //autoExpandColumn: 'player',
        height:315,
        width:370,
        title:'2012 Pitchers'
    });

    grid.render('pitchers');

    grid.getSelectionModel().selectFirstRow();
});