function addToList (list,sku) {

	if (!isLoggedIn) {
		alert("Denna funktion är endast tillgänglig då du är inloggad");
	}

	Ext.Ajax.request({
   	url: '/data/userlists.php',
   	params: { action: 'add',type: list, sku: sku }
	});
}

function removeFromList(list,sku) {
			          global_msgBox=Ext.Msg.wait("Var god dröj, uppdaterar...","Tar bort flaska");
			           Ext.Ajax.request({
				       url: '/data/userlists.php',
					 params: { action: 'remove',type: list, sku: sku },
					 callback: function() {
				 Ext.getCmp("grid_"+list).getStore().reload();
				 global_msgBox.hide();
			       }});	

}

function getGridPanel(name,url) {

Ext.ux.menu.RangeMenu.prototype.icons = {
          gt: 'img/greater_then.png', 
          lt: 'img/less_then.png',
          eq: 'img/equals.png'
				};
				Ext.ux.grid.filter.StringFilter.prototype.icon = 'img/find.png';
				
				var expander = new Ext.grid.RowExpander ({ tpl: new Ext.Template('<p><a href="#" onClick="javascript:addTab(\'{full_name}\',\'/visa/{sku}\');">Visa i ny flik</a> - <a href="#" onClick="javascript:removeFromList(\'',name,'\',\'{sku}\');">Ta bort</a></p><br>Mer information:<I>Inte implementerat ännu</I>')});
			
				var ds = new Ext.data.GroupingStore({
					proxy: new Ext.data.HttpProxy({
						url:url
					}),
					
					reader: new Ext.data.JsonReader({
						id:   'sku',
						totalProperty: 'data.total',
						root: 'data.results'
					}, Ext.data.Record.create([
						{name:'sku'}, 
						{name:'full_name'}, 
						{name:'ref_price'},
						{name:'category'},  
						{name:'producer'}, 
						{name:'area'}, 
						{name:'alcohol'}, 
						{name:'apk'}, 
						{name:'relative_grade'}, 
						{name:'absolute_grade'}, 
						{name:'weighted_grade'}, 
						{name:'grapes'}, 
						{name:'comment'}, 
						])),
					
					groupField: 'category',
					sortInfo: {field: 'full_name', direction: 'ASC'},
					remoteSort: true
				});
				

				var filters = new Ext.ux.grid.GridFilters({filters:[
						{type: 'numeric',  dataIndex: 'id'},
						{type: 'string',  dataIndex: 'full_name'},
						{type: 'numeric', dataIndex: 'ref_price'},
						{type: 'string',  dataIndex: 'category', options: ['extra small', ['Large','large'], 'extra large'],phpMode: true},
						{type: 'string',  dataIndex: 'producer'},
						{type: 'string',  dataIndex: 'area'},
						{type: 'numeric',  dataIndex: 'alcohol'},
						{type: 'numeric',  dataIndex: 'relative_grade'},
						{type: 'numeric',  dataIndex: 'absolute_grade'},
						{type: 'numeric',  dataIndex: 'weighted_grade'},
						{type: 'numeric',  dataIndex: 'apk'},
						{type: 'string',  dataIndex: 'grapes'},
				]});
				
				var cm = new Ext.grid.ColumnModel([expander,{
              dataIndex: 'sku',
              header: 'Artikelnr'
                }, {
                  dataIndex: 'full_name',
                  header: 'Namn'
                }, {
                  dataIndex: 'ref_price',
                  header: 'Referenspris'
                }, {
                  dataIndex: 'category',
                  header: 'Kategori'
                }, {
                  dataIndex: 'producer',
                  header: 'Producent'
                }, {
                  dataIndex: 'area',
                  header: 'Område'
                }, {
                  dataIndex: 'alcohol',
                  header: 'Alkoholhalt'
                }, {
								     dataIndex: 'relative_grade',
								     header: 'Prisvärdhet'
                }, {
                  dataIndex: 'absolute_grade',
                  header: 'Kvalitetsbetyg'
                }, {
                  dataIndex: 'weigthed_grade',
                  header: 'Viktat betyg'
                }, {
                  dataIndex: 'grapes',
                  header: 'Druvor'
                }, {
                  dataIndex: 'apk',
                  header: 'Alkohol per krona'
                }]);
	var grid_name="grid_"+name;

				cm.defaultSortable = true;
				var grid = new Ext.grid.GridPanel({
				  id: grid_name,
          ds: ds,
          cm: cm,
					enableColLock: false,
					loadMask: true,
				      height:'auto', width:'auto',				      
				      autoWidth: 'true',autoHeight:'true',
					view: new Ext.grid.GroupingView(),
				      plugins: [filters,expander],
					
					bbar: new Ext.PagingToolbar({
            store: ds,
            pageSize: 15,
          })
				});

	  
				ds.load({params:{start: 0, limit: 15}});
				  return grid;
}