mealsMenuGrid = function() {
	var colSelect = new Ext.grid.CheckboxSelectionModel();
	var colSummary = new Ext.ux.grid.GridSummary();
	var columns = [
	colSelect,
	{
		header: "Category",
		sortable: true,
		dataIndex: 'category' /*, groupRenderer: function(v) {return '<i>'+v+'</i>';}*/
	},
	{
		header: "Items",
		sortable: true,
		id: 'menuGridItems',
		dataIndex: 'item'
	},
	{
		header: "Price",
		sortable: true,
		renderer: Ext.util.Format.usMoney,
		dataIndex: 'amount',
		width: 80,
		align: 'right',
		summaryRenderer: function(v) {
			return '<span class="">' + Ext.util.Format.usMoney(v) + '</span>'
		}
	}];
	mealsMenuGrid.superclass.constructor.call(this, {
		store: new Ext.data.GroupingStore({
			url: 'teacher_tools/meals_data.json.php',
			baseParams: {
				command: 'getMenu'
			},
			reader: new Ext.data.JsonReader({
				root: 'menu'
			}, [{
				name: 'entreeid'
			},
			{
				name: 'category'
			},
			{
				name: 'ordertype'
			},
			{
				name: 'item'
			},
			{
				name: 'amount',
				type: 'double'
			}]),
			groupField: 'category',
			sortInfo: {
				field: 'category',
				direction: "ASC"
			},
			autoLoad: false,
			listeners: {
				beforeload: function(store, options) { //only make a server call when all baseparams are set
					return (store.baseParams.date != undefined && store.baseParams.meal != undefined);
				}
			}
		}),
		title: 'Food Choices',
		tbar: [{
			iconCls: 'clear',
			text: 'Clear selected items',
			handler: function(btn) {
				mealsMenuGrid = this.ownerCt.ownerCt;
				mealsMenuGrid.selModel.clearSelections();
			}
		}],
		view: new Ext.grid.GroupingView({
			forceFit: true,
			showGroupName: false,
			enableNoGroups: false,
			// REQUIRED!
			hideGroupedColumn: true,
			getRowClass: function(row, index) {
				if (row.data.fake) return 'x-grid-group-body-hide';
			}
		}),
		id: 'mealsMenuGrid',
		columns: columns,
		sm: colSelect,
		border: true,
		plugins: [colSummary],
		layout: 'fit',
		autoScroll: true,
		autoExpandColumn: 'menuGridItems',
		enableColumnHide: false,
		enableColumnMove: false,
		enableColumnResize: false,
		enableDragDrop: true,
		//to allow dragging from source
		ddGroup: 'dd_meals_to_students' // the ddGroup defined by the drop target
	});
}
Ext.extend(mealsMenuGrid, Ext.grid.GridPanel);