function showItem(id){
	return true;
}

function displayLink(id, value){
	if (value != '-1'){
		document.getElementById(id+'Link').className = '';
		document.getElementById(id+'Link').href = "/produkty/id,"+value+",opis.html";
	} else {
		document.getElementById(id+'Link').className = 'showItemLink';
		document.getElementById(id+'Link').href = "#";
	}
}

var setItemsAmount = {procesor:0,mainboard:0,ram:0,additionalRam:0,hdd:0,tv:0,sound:0,music:0,dvdRw:0,blueRay:0,UPS:0,lan:0,routerLan:0,system:0,keyboard:0,mouse:0,display:0,casing:0,graphics:0, printer:0, power:0};

			

function calculateSet(){
	amount = 0;
	jQuery.each(setItemsAmount, function(i,val){
		amount += parseFloat(val);
	})
	
	document.getElementById('SetPriceBrutto').innerHTML = amount.toFixed(2)+' zł';
	if (amount>0){
		url = '';
		jQuery.each(setItems, function(i,val){
			if (val != 0){
				url += '&proId[]='+val;
			}
		});
		
		document.getElementById('buySet').style.display = '';
		document.getElementById('setToCart').href = '/koszyk/type,set,index.html?addSet&setObject='+$.toJSON(setItems);
		document.getElementById('productsToCart').href = '/koszyk/type,products,index.html?add'+url;
		document.getElementById('printSet').href = 'printSet.html?setObject='+$.toJSON(setItems);
		
	} else {
		document.getElementById('buySet').style.display = 'none';
	}
}
		
function getPrice(proId, id){
	
	$.getJSON("/zestawy/proId,"+proId+",getPrice.html",
		function (data){
			eval("setItemsAmount."+id+"="+data.priceBrutto+";");
			calculateSet();
		}
	);
}


function changeProduct(id, value){
	var type = '';
/*	
	if (id == 'procesor'){
		type = 'mainboard';
	} else if (id == 'mainboard'){
		type = 'procesor';
	}
*/	
	
	
	
	if (type != ''){
		$.getJSON("/zestawy/type,"+type+",proId,"+value+",getCompatible.html",
			function (data){
				
				//valOld = obj.value;
				
				Ext.getCmp(type+'Sel').store.removeAll();
				rec = new Array();
				rec[0] = new Array();
				rec[0][0] = '-1';
				rec[0][1] = 'Wybierz';
				rec[0][2] = '-1';
				jQuery.each(data,function(i,val){
					rec[i+1] = new Array();
					rec[i+1][0] = val.proId;
					rec[i+1][1] = val.name;
					rec[i+1][2] = parseFloat(val.priceBrutto);
					
				});
				Ext.getCmp(type+'Sel').store.loadData(rec);
			}
		);
	}
	
	if (value != '-1'){
		getPrice(value,id);
		eval("setItems." + id + "='" +Ext.getCmp(id+'Sel').getValue() + "'");
	} else {
		eval("setItemsAmount."+id+" = 0;");
		eval("setItems." + id + " =0");
		calculateSet();
	}
	
	if (id == 'procesor' || id=='mainboard' || id=='ram' || id=='hdd' || id=='casing'){
		if (value == '-1'){
			showStyle = '';
		} else {
			showStyle = 'none';
		}
		
		document.getElementById('No'+id).style.display = showStyle;
	}
}

Ext.onReady(function(){
				
	var optionTemplate = new Ext.XTemplate(
		'<tpl for=".">',
			'<tpl if="proId!=-1">',
				'<div class="search-item"><p style="width:440px;float:left">{name}</p><p style="width:80px;float:left;text-align:right"><b>{[values.priceBrutto.toFixed(2)]} zł</b></p><p style="clear:both"></p></div>',
			'</tpl>',
			'<tpl if="proId==-1">',
				'<div class="search-item"><p style="width:520px;font-size:12px;text-align:center"><b>------ {name} ------</b></p></div>',
			'</tpl>',
		'</tpl>'
	);
	
	var rec = new Array();
	
	for (i in procesor){
		rec[i] = new Array();
		rec[i][0] = procesor[i].proId;
		rec[i][1] = procesor[i].name;
		rec[i][2] = parseFloat(procesor[i].priceBrutto);  
	}
	
	
	
	var dsProc = new Ext.data.SimpleStore({
	   	fields: ['proId', 'name', 'priceBrutto'],
		data:rec
	});
	
	
	
	
	procesorSel = new Ext.form.ComboBox({
		tpl: optionTemplate,
	    store: dsProc,
	    width:550,
	    typeAhead: true,
	    mode: 'local',
	    id:'procesorSel',
	    triggerAction: 'all',
	    editable:false,
	    emptyText:'Wybierz...',
	    selectOnFocus:true,
	    itemSelector: 'div.search-item',
	    valueField:'proId',
	    displayField:'name',
	    renderTo: 'procesorBlock',
	    listeners:{
	    	select:function(self,rec,i){
	    		changeProduct(self.id.substr(0,self.id.length-3), rec.data.proId);
				displayLink(self.id.substr(0,self.id.length-3), rec.data.proId);
	    	}
	    }
	});
	
	
	
	var rec = new Array();
	for (i in mainboard){
		rec[i] = new Array();
		rec[i][0] = mainboard[i].proId;
		rec[i][1] = mainboard[i].name;
		rec[i][2] = parseFloat(mainboard[i].priceBrutto);  
	}
	
	var dsMain = new Ext.data.SimpleStore({
	   	fields: ['proId', 'name', 'priceBrutto'],
		data:rec
	});
	
	
	mainboardSel = new Ext.form.ComboBox({
		tpl: optionTemplate,
	    store: dsMain,
	    width:550,
	    editable:false,
	    typeAhead: true,
	    mode: 'local',
	    id:'mainboardSel',
	    triggerAction: 'all',
	    emptyText:'Wybierz...',
	    selectOnFocus:true,
	    itemSelector: 'div.search-item',
	    valueField:'proId',
	    displayField:'name',
	    renderTo: 'mainboardBlock',
	    listeners:{
	    	select:function(self,rec,i){
	    		changeProduct(self.id.substr(0,self.id.length-3), rec.data.proId);
				displayLink(self.id.substr(0,self.id.length-3), rec.data.proId);
	    	}
	    }
	});
	
	
	var rec = new Array();
	for (i in ram){
		rec[i] = new Array();
		rec[i][0] = ram[i].proId;
		rec[i][1] = ram[i].name;
		rec[i][2] = parseFloat(ram[i].priceBrutto);  
	}
	
	var dsRam = new Ext.data.SimpleStore({
	   	fields: ['proId', 'name', 'priceBrutto'],
		data:rec
	});
	
	
	ramSel = new Ext.form.ComboBox({
		tpl: optionTemplate,
	    store: dsRam,
	    width:550,
	    typeAhead: true,
	    mode: 'local',
	    id:'ramSel',
	    editable:false,
	    triggerAction: 'all',
	    emptyText:'Wybierz...',
	    selectOnFocus:true,
	    itemSelector: 'div.search-item',
	    valueField:'proId',
	    displayField:'name',
	    renderTo: 'ramBlock',
	    listeners:{
	    	select:function(self,rec,i){
	    		changeProduct(self.id.substr(0,self.id.length-3), rec.data.proId);
				displayLink(self.id.substr(0,self.id.length-3), rec.data.proId);
	    	}
	    }
	});
	
	var dsAddRam = new Ext.data.SimpleStore({
	   	fields: ['proId', 'name', 'priceBrutto'],
		data:rec
	});
	
	
	additionalRamSel = new Ext.form.ComboBox({
		tpl: optionTemplate,
	    store: dsAddRam,
	    width:550,
	    typeAhead: true,
	    mode: 'local',
	    id:'additionalRamSel',
	    triggerAction: 'all',
	    emptyText:'Wybierz...',
	    selectOnFocus:true,
	    itemSelector: 'div.search-item',
	    valueField:'proId',
	    editable:false,
	    displayField:'name',
	    renderTo: 'additionalRamBlock',
	    listeners:{
	    	select:function(self,rec,i){
	    		changeProduct(self.id.substr(0,self.id.length-3), rec.data.proId);
				displayLink(self.id.substr(0,self.id.length-3), rec.data.proId);
	    	}
	    }
	});
	
	var rec = new Array();
	
	for (i in hdd){
		rec[i] = new Array();
		rec[i][0] = hdd[i].proId;
		rec[i][1] = hdd[i].name;
		rec[i][2] = parseFloat(hdd[i].priceBrutto);  
	}
	
	var dsHdd = new Ext.data.SimpleStore({
	   	fields: ['proId', 'name', 'priceBrutto'],
		data:rec
	});
	
	
	hddSel = new Ext.form.ComboBox({
		tpl: optionTemplate,
	    store: dsHdd,
	    width:550,
	    id:'hddSel',
	    typeAhead: true,
	    mode: 'local',
	    triggerAction: 'all',
	    emptyText:'Wybierz...',
	    editable:false,
	    selectOnFocus:true,
	    itemSelector: 'div.search-item',
	    valueField:'proId',
	    displayField:'name',
	    renderTo: 'hddBlock',
	    listeners:{
	    	select:function(self,rec,i){
	    		changeProduct(self.id.substr(0,self.id.length-3), rec.data.proId);
				displayLink(self.id.substr(0,self.id.length-3), rec.data.proId);
	    	}
	    }
	});
	
	
	var rec = new Array();
	for (i in graphics){
		rec[i] = new Array();
		rec[i][0] = graphics[i].proId;
		rec[i][1] = graphics[i].name;
		rec[i][2] = parseFloat(graphics[i].priceBrutto);  
	}
	
	var dsGraphics = new Ext.data.SimpleStore({
	   	fields: ['proId', 'name', 'priceBrutto'],
		data:rec
	});
	
	
	graphicsSel = new Ext.form.ComboBox({
		tpl: optionTemplate,
	    store: dsGraphics,
	    width:550,
	    typeAhead: true,
	    mode: 'local',
	    id:'graphicsSel',
	    editable:false,
	    triggerAction: 'all',
	    emptyText:'Wybierz...',
	    selectOnFocus:true,
	    itemSelector: 'div.search-item',
	    valueField:'proId',
	    displayField:'name',
	    renderTo: 'graphicsBlock',
	    listeners:{
	    	select:function(self,rec,i){
	    		changeProduct(self.id.substr(0,self.id.length-3), rec.data.proId);
				displayLink(self.id.substr(0,self.id.length-3), rec.data.proId);
	    	}
	    }
	});
	
	var rec = new Array();
	for (i in music){
		rec[i] = new Array();
		rec[i][0] = music[i].proId;
		rec[i][1] = music[i].name;
		rec[i][2] = parseFloat(music[i].priceBrutto);  
	}
	
	var dsMusic = new Ext.data.SimpleStore({
	   	fields: ['proId', 'name', 'priceBrutto'],
		data:rec
	});
	
	
	musicSel = new Ext.form.ComboBox({
		tpl: optionTemplate,
	    store: dsMusic,
	    width:550,
	    typeAhead: true,
	    id:'musicSel',
	    mode: 'local',
	    triggerAction: 'all',
	    editable:false,
	    emptyText:'Wybierz...',
	    selectOnFocus:true,
	    itemSelector: 'div.search-item',
	    valueField:'proId',
	    displayField:'name',
	    renderTo: 'musicBlock',
	    listeners:{
	    	select:function(self,rec,i){
	    		changeProduct(self.id.substr(0,self.id.length-3), rec.data.proId);
				displayLink(self.id.substr(0,self.id.length-3), rec.data.proId);
	    	}
	    }
	});
	
	var rec = new Array();
	for (i in sound){
		rec[i] = new Array();
		rec[i][0] = sound[i].proId;
		rec[i][1] = sound[i].name;
		rec[i][2] = parseFloat(sound[i].priceBrutto);  
	}
	
	var dsSound = new Ext.data.SimpleStore({
	   	fields: ['proId', 'name', 'priceBrutto'],
		data:rec
	});
	
	
	soundSel = new Ext.form.ComboBox({
		tpl: optionTemplate,
	    store: dsSound,
	    width:550,
	    typeAhead: true,
	    mode: 'local',
	    id:'soundSel',
	    triggerAction: 'all',
	    emptyText:'Wybierz...',
	    selectOnFocus:true,
	    editable:false,
	    itemSelector: 'div.search-item',
	    valueField:'proId',
	    displayField:'name',
	    renderTo: 'soundBlock',
	    listeners:{
	    	select:function(self,rec,i){
	    		changeProduct(self.id.substr(0,self.id.length-3), rec.data.proId);
				displayLink(self.id.substr(0,self.id.length-3), rec.data.proId);
	    	}
	    }
	});
	
	var rec = new Array();
	for (i in display){
		rec[i] = new Array();
		rec[i][0] = display[i].proId;
		rec[i][1] = display[i].name;
		rec[i][2] = parseFloat(display[i].priceBrutto);  
	}
	
	var dsDisplay = new Ext.data.SimpleStore({
	   	fields: ['proId', 'name', 'priceBrutto'],
		data:rec
	});
	
	
	displaySel = new Ext.form.ComboBox({
		tpl: optionTemplate,
	    store: dsDisplay,
	    width:550,
	    typeAhead: true,
	    id:'displaySel',
	    mode: 'local',
	    triggerAction: 'all',
	    editable:false,
	    emptyText:'Wybierz...',
	    selectOnFocus:true,
	    itemSelector: 'div.search-item',
	    valueField:'proId',
	    displayField:'name',
	    renderTo: 'displayBlock',
	    listeners:{
	    	select:function(self,rec,i){
	    		changeProduct(self.id.substr(0,self.id.length-3), rec.data.proId);
				displayLink(self.id.substr(0,self.id.length-3), rec.data.proId);
	    	}
	    }
	});
	
	var rec = new Array();
	for (i in casing){
		rec[i] = new Array();
		rec[i][0] = casing[i].proId;
		rec[i][1] = casing[i].name;
		rec[i][2] = parseFloat(casing[i].priceBrutto);  
	}
	
	var dsCasing = new Ext.data.SimpleStore({
	   	fields: ['proId', 'name', 'priceBrutto'],
		data:rec
	});
	
	
	casingSel = new Ext.form.ComboBox({
		tpl: optionTemplate,
	    store: dsCasing,
	    width:550,
	    id:'casingSel',
	    typeAhead: true,
	    mode: 'local',
	    triggerAction: 'all',
	    editable:false,
	    emptyText:'Wybierz...',
	    selectOnFocus:true,
	    itemSelector: 'div.search-item',
	    valueField:'proId',
	    displayField:'name',
	    renderTo: 'casingBlock',
	    listeners:{
	    	select:function(self,rec,i){
	    		changeProduct(self.id.substr(0,self.id.length-3), rec.data.proId);
				displayLink(self.id.substr(0,self.id.length-3), rec.data.proId);
	    	}
	    }
	});
	
	var rec = new Array();
	for (i in power){
		rec[i] = new Array();
		rec[i][0] = power[i].proId;
		rec[i][1] = power[i].name;
		rec[i][2] = parseFloat(power[i].priceBrutto);  
	}
	
	var dsPower = new Ext.data.SimpleStore({
	   	fields: ['proId', 'name', 'priceBrutto'],
		data:rec
	});
	
	powerSel = new Ext.form.ComboBox({
		tpl: optionTemplate,
	    store: dsPower,
	    width:550,
	    id:'powerSel',
	    typeAhead: true,
	    mode: 'local',
	    triggerAction: 'all',
	    editable:false,
	    emptyText:'Wybierz...',
	    selectOnFocus:true,
	    itemSelector: 'div.search-item',
	    valueField:'proId',
	    displayField:'name',
	    renderTo: 'powerBlock',
	    listeners:{
	    	select:function(self,rec,i){
	    		changeProduct(self.id.substr(0,self.id.length-3), rec.data.proId);
				displayLink(self.id.substr(0,self.id.length-3), rec.data.proId);
	    	}
	    }
	});
	
	var rec = new Array();
	for (i in keyboard){
		rec[i] = new Array();
		rec[i][0] = keyboard[i].proId;
		rec[i][1] = keyboard[i].name;
		rec[i][2] = parseFloat(keyboard[i].priceBrutto);  
	}
	
	var dsKeyboard = new Ext.data.SimpleStore({
	   	fields: ['proId', 'name', 'priceBrutto'],
		data:rec
	});
	
	
	keyboardSel = new Ext.form.ComboBox({
		tpl: optionTemplate,
	    store: dsKeyboard,
	    width:550,
	    typeAhead: true,
	    mode: 'local',
	    id:'keyboardSel',
	    editable:false,
	    triggerAction: 'all',
	    emptyText:'Wybierz...',
	    selectOnFocus:true,
	    itemSelector: 'div.search-item',
	    valueField:'proId',
	    displayField:'name',
	    renderTo: 'keyboardBlock',
	    listeners:{
	    	select:function(self,rec,i){
	    		changeProduct(self.id.substr(0,self.id.length-3), rec.data.proId);
				displayLink(self.id.substr(0,self.id.length-3), rec.data.proId);
	    	}
	    }
	});
	
	var rec = new Array();
	for (i in mouse){
		rec[i] = new Array();
		rec[i][0] = mouse[i].proId;
		rec[i][1] = mouse[i].name;
		rec[i][2] = parseFloat(mouse[i].priceBrutto);  
	}
	
	var dsMouse = new Ext.data.SimpleStore({
	   	fields: ['proId', 'name', 'priceBrutto'],
		data:rec
	});
	
	
	mouseSel = new Ext.form.ComboBox({
		tpl: optionTemplate,
	    store: dsMouse,
	    width:550,
	    typeAhead: true,
	    id:'mouseSel',
	    mode: 'local',
	    triggerAction: 'all',
	    editable:false,
	    emptyText:'Wybierz...',
	    selectOnFocus:true,
	    itemSelector: 'div.search-item',
	    valueField:'proId',
	    displayField:'name',
	    renderTo: 'mouseBlock',
	    listeners:{
	    	select:function(self,rec,i){
	    		changeProduct(self.id.substr(0,self.id.length-3), rec.data.proId);
				displayLink(self.id.substr(0,self.id.length-3), rec.data.proId);
	    	}
	    }
	});
	
	var rec = new Array();
	for (i in blueRay){
		rec[i] = new Array();
		rec[i][0] = blueRay[i].proId;
		rec[i][1] = blueRay[i].name;
		rec[i][2] = parseFloat(blueRay[i].priceBrutto);  
	}
	
	var dsBlueRay = new Ext.data.SimpleStore({
	   	fields: ['proId', 'name', 'priceBrutto'],
		data:rec
	});
	
	
	blueRaySel = new Ext.form.ComboBox({
		tpl: optionTemplate,
	    store: dsBlueRay,
	    width:550,
	    typeAhead: true,
	    mode: 'local',
	    editable:false,
	    triggerAction: 'all',
	    emptyText:'Wybierz...',
	    id:'blueRaySel',
	    selectOnFocus:true,
	    itemSelector: 'div.search-item',
	    valueField:'proId',
	    displayField:'name',
	    renderTo: 'blueRayBlock',
	    listeners:{
	    	select:function(self,rec,i){
	    		changeProduct(self.id.substr(0,self.id.length-3), rec.data.proId);
				displayLink(self.id.substr(0,self.id.length-3), rec.data.proId);
	    	}
	    }
	});
	
	var rec = new Array();
	for (i in dvdRw){
		rec[i] = new Array();
		rec[i][0] = dvdRw[i].proId;
		rec[i][1] = dvdRw[i].name;
		rec[i][2] = parseFloat(dvdRw[i].priceBrutto);  
	}
	
	var dsDvdRw = new Ext.data.SimpleStore({
	   	fields: ['proId', 'name', 'priceBrutto'],
		data:rec
	});
	
	
	dvdRwSel = new Ext.form.ComboBox({
		tpl: optionTemplate,
	    store: dsDvdRw,
	    width:550,
	    editable:false,
	    typeAhead: true,
	    id:'dvdRwSel',
	    mode: 'local',
	    triggerAction: 'all',
	    emptyText:'Wybierz...',
	    selectOnFocus:true,
	    itemSelector: 'div.search-item',
	    valueField:'proId',
	    displayField:'name',
	    renderTo: 'dvdRwBlock',
	    listeners:{
	    	select:function(self,rec,i){
	    		changeProduct(self.id.substr(0,self.id.length-3), rec.data.proId);
				displayLink(self.id.substr(0,self.id.length-3), rec.data.proId);
	    	}
	    }
	});
	
	var rec = new Array();
	for (i in printer){
		rec[i] = new Array();
		rec[i][0] = printer[i].proId;
		rec[i][1] = printer[i].name;
		rec[i][2] = parseFloat(printer[i].priceBrutto);  
	}
	
	var dsPrinter = new Ext.data.SimpleStore({
	   	fields: ['proId', 'name', 'priceBrutto'],
		data:rec
	});
	
	
	printerSel = new Ext.form.ComboBox({
		tpl: optionTemplate,
	    store: dsPrinter,
	    width:550,
	    typeAhead: true,
	    mode: 'local',
	    id:'printerSel',
	    editable:false,
	    triggerAction: 'all',
	    emptyText:'Wybierz...',
	    selectOnFocus:true,
	    itemSelector: 'div.search-item',
	    valueField:'proId',
	    displayField:'name',
	    renderTo: 'printerBlock',
	    listeners:{
	    	select:function(self,rec,i){
	    		changeProduct(self.id.substr(0,self.id.length-3), rec.data.proId);
				displayLink(self.id.substr(0,self.id.length-3), rec.data.proId);
	    	}
	    }
	});
	
	var rec = new Array();
	for (i in tv){
		rec[i] = new Array();
		rec[i][0] = tv[i].proId;
		rec[i][1] = tv[i].name;
		rec[i][2] = parseFloat(tv[i].priceBrutto);  
	}
	
	var dsTv = new Ext.data.SimpleStore({
	   	fields: ['proId', 'name', 'priceBrutto'],
		data:rec
	});
	
	
	tvSel = new Ext.form.ComboBox({
		tpl: optionTemplate,
	    store: dsTv,
	    width:550,
	    typeAhead: true,
	    mode: 'local',
	    id:'tvSel',
	    triggerAction: 'all',
	    editable:false,
	    emptyText:'Wybierz...',
	    selectOnFocus:true,
	    itemSelector: 'div.search-item',
	    valueField:'proId',
	    displayField:'name',
	    renderTo: 'tvBlock',
	    listeners:{
	    	select:function(self,rec,i){
	    		changeProduct(self.id.substr(0,self.id.length-3), rec.data.proId);
				displayLink(self.id.substr(0,self.id.length-3), rec.data.proId);
	    	}
	    }
	});
	
	var rec = new Array();
	for (i in lan){
		rec[i] = new Array();
		rec[i][0] = lan[i].proId;
		rec[i][1] = lan[i].name;
		rec[i][2] = parseFloat(lan[i].priceBrutto);  
	}
	
	var dsLan = new Ext.data.SimpleStore({
	   	fields: ['proId', 'name', 'priceBrutto'],
		data:rec
	});
	
	
	lanSel = new Ext.form.ComboBox({
		tpl: optionTemplate,
	    store: dsLan,
	    width:550,
	    typeAhead: true,
	    mode: 'local',
	    id:'lanSel',
	    triggerAction: 'all',
	    emptyText:'Wybierz...',
	    editable:false,
	    selectOnFocus:true,
	    itemSelector: 'div.search-item',
	    valueField:'proId',
	    displayField:'name',
	    renderTo: 'lanBlock',
	    listeners:{
	    	select:function(self,rec,i){
	    		changeProduct(self.id.substr(0,self.id.length-3), rec.data.proId);
				displayLink(self.id.substr(0,self.id.length-3), rec.data.proId);
	    	}
	    }
	});
	
	var rec = new Array();
	for (i in routerLan){
		rec[i] = new Array();
		rec[i][0] = routerLan[i].proId;
		rec[i][1] = routerLan[i].name;
		rec[i][2] = parseFloat(routerLan[i].priceBrutto);  
	}
	
	var dsRouterLan = new Ext.data.SimpleStore({
	   	fields: ['proId', 'name', 'priceBrutto'],
		data:rec
	});
	
	
	routerLanSel = new Ext.form.ComboBox({
		tpl: optionTemplate,
	    store: dsRouterLan,
	    width:550,
	    typeAhead: true,
	    id:'routerLanSel',
	    mode: 'local',
	    triggerAction: 'all',
	    emptyText:'Wybierz...',
	    selectOnFocus:true,
	    editable:false,
	    itemSelector: 'div.search-item',
	    valueField:'proId',
	    displayField:'name',
	    renderTo: 'routerLanBlock',
	    listeners:{
	    	select:function(self,rec,i){
	    		changeProduct(self.id.substr(0,self.id.length-3), rec.data.proId);
				displayLink(self.id.substr(0,self.id.length-3), rec.data.proId);
	    	}
	    }
	});
	
	
	var rec = new Array();
	for (i in UPS){
		rec[i] = new Array();
		rec[i][0] = UPS[i].proId;
		rec[i][1] = UPS[i].name;
		rec[i][2] = parseFloat(UPS[i].priceBrutto);  
	}
	
	var dsUPS = new Ext.data.SimpleStore({
	   	fields: ['proId', 'name', 'priceBrutto'],
		data:rec
	});
	
	
	UPSSel = new Ext.form.ComboBox({
		tpl: optionTemplate,
	    store: dsUPS,
	    width:550,
	    typeAhead: true,
	    id:'UPSSel',
	    mode: 'local',
	    triggerAction: 'all',
	    editable:false,
	    emptyText:'Wybierz...',
	    selectOnFocus:true,
	    itemSelector: 'div.search-item',
	    valueField:'proId',
	    displayField:'name',
	    renderTo: 'UPSBlock',
	    listeners:{
	    	select:function(self,rec,i){
	    		changeProduct(self.id.substr(0,self.id.length-3), rec.data.proId);
				displayLink(self.id.substr(0,self.id.length-3), rec.data.proId);
	    	}
	    }
	});
	
	var rec = new Array();
	for (i in system){
		rec[i] = new Array();
		rec[i][0] = system[i].proId;
		rec[i][1] = system[i].name;
		rec[i][2] = parseFloat(system[i].priceBrutto);  
	}
	
	var dsSystem = new Ext.data.SimpleStore({
	   	fields: ['proId', 'name', 'priceBrutto'],
		data:rec
	});
	
	
	systemSel = new Ext.form.ComboBox({
		tpl: optionTemplate,
	    store: dsSystem,
	    width:550,
	    typeAhead: true,
	    editable:false,
	    mode: 'local',
	    id:'systemSel',
	    triggerAction: 'all',
	    emptyText:'Wybierz...',
	    selectOnFocus:true,
	    itemSelector: 'div.search-item',
	    valueField:'proId',
	    displayField:'name',
	    renderTo: 'systemBlock',
	    listeners:{
	    	select:function(self,rec,i){
	    		changeProduct(self.id.substr(0,self.id.length-3), rec.data.proId);
				displayLink(self.id.substr(0,self.id.length-3), rec.data.proId);
	    	}
	    }
	});
});