timeclockAdjustmentGrid = function(){
  var colSelect = new Ext.grid.RadioSelectionModel();
  colSelect.on('rowselect',function(sm,i,rec){
    Ext.getCmp('tcAdjustmentStart').setTimeByStr(rec.data.starttime);
    Ext.getCmp('tcAdjustmentEnd').setTimeByStr(rec.data.endtime);
    Ext.getCmp('tcAdjustmentRecId').setValue(rec.data.id);
  },this); 
  var columns = [
    colSelect,
    {header: 'Start Time', width:70, sortable: true, menuDisabled: true, dataIndex: 'starttime'},
    {header: 'End Time', width: 70, sortable: true, menuDisabled: true, dataIndex: 'endtime'},
    {header: 'Total Hours', width: 70, sortable: true, menuDisabled: true, dataIndex: 'totalhours'}
  ];

    timeclockAdjustmentGrid.superclass.constructor.call(this, {
        store: new Ext.data.Store({
            url : 'main_menu/timeclock_data.json.php',
            baseParams: {command: 'getHoursByDate'},
            reader: new Ext.data.JsonReader({root: 'hours'}, [
                  {name: 'id'}, 
                  {name: 'select'}, 
                  {name: 'starttime'}, 
               	  {name: 'endtime'},
                  {name: 'totalhours'}
              ]),
              autoLoad : false
        }),
        columns: columns,
        sm: colSelect,
        height: 100,
        layout: 'fit',
        autoScroll: true,  
        id: 'timeclock_adjustment_grid'
    });
}

Ext.extend(timeclockAdjustmentGrid, Ext.grid.EditorGridPanel);
