Ext.ns('Search.grid');

Search.grid.GridPanel = Ext.extend(Ext.grid.GridPanel, {
	width: 890,
	autoHeight: true,
	stripeRows: true,
	frame: false,
	border: false,
	unstyled: true,
	// trackMouseOver: false,
	disableSelection: true,
	colModel: new Ext.grid.ColumnModel({
		defaults: {
			menuDisabled: true,
			sortable: false
		},
		columns: [
			{dataIndex: 'name', header: 'Name', width: 140}
			,{dataIndex: 'provider', header: 'Provider'}
			,{dataIndex: 'venue', header: 'Venue', width: 90}
			,{dataIndex: 'hours_of_operation', header: 'Hours of Operation', width: 90}
		]
	}),
	viewConfig: {
		forceFit: true
		,scrollOffset: 0
	},
	selModel: new Ext.grid.RowSelectionModel({singleSelect: true}),
	listeners: {
		beforerender: function(component){
			this.panel().enableCustomMask();
		},
		afterrender: function(component){
			this.panel().disableCustomMask();
		},
		rowclick: function(grid, rowIndex, e){
			document.location = this.programDetails + grid.getStore().getAt(rowIndex).id;
		}
	}
});