Ext.onReady(function(){

    Ext.QuickTips.init();


		Ext.namespace('LCombo', 'LCombo.countries', 'LCombo.cities');

		LCombo.countries = [
		     ['Matny', 'Matny']
		    ,['Leskly', 'Leskly']
		    ,['Polomatny', 'Polomatny']
		    ,['Platno','Platno']
		];

		LCombo.cities = [
		     ['9x13',  'Leskly', '9x13']
		    ,['10x15', 'Leskly', '10x15']
		    ,['13x18', 'Leskly', '13x18']
			,['13x19', 'Leskly', '13x19']
			,['13x13', 'Leskly', '13x13']
			,['15x23', 'Leskly', '15x23']
		    ,['15x20', 'Leskly', '15x20']
		    ,['15x15', 'Leskly', '15x15']
			,['20x30', 'Leskly', '20x30']
			,['20x20', 'Leskly', '20x20']
			,['25x38', 'Leskly', '25x38']
		    ,['25x34', 'Leskly', '25x34']
		    ,['25x25', 'Leskly', '25x25']
			,['25x76', 'Leskly', '25x76']
			,['25x90', 'Leskly', '25x90']
			,['30x45', 'Leskly', '30x45']
			,['30x40', 'Leskly', '30x40']
			,['30x30', 'Leskly', '30x30']
			,['40x60', 'Leskly', '40x60']
			,['45x60', 'Leskly', '45x60']
			,['50x50', 'Leskly', '50x50']
			,['50x75', 'Leskly', '50x75']
			,['60x60', 'Leskly', '60x60']
			,['60x80', 'Leskly', '60x80']
			,['60x90', 'Leskly', '60x90']
		    ,['9x13',  'Polomatny', '9x13']
		    ,['10x15', 'Polomatny', '10x15']
		    ,['13x18', 'Polomatny', '13x18']
			,['13x19', 'Polomatny', '13x19']
			,['13x13', 'Polomatny', '13x13']
			,['15x23', 'Polomatny', '15x23']
		    ,['15x20', 'Polomatny', '15x20']
		    ,['15x15', 'Polomatny', '15x15']
			,['20x30', 'Polomatny', '20x30']
			,['20x20', 'Polomatny', '20x20']
			,['25x38', 'Polomatny', '25x38']
		    ,['25x34', 'Polomatny', '25x34']
		    ,['25x25', 'Polomatny', '25x25']
			,['25x76', 'Polomatny', '25x76']
			,['25x90', 'Polomatny', '25x90']
			,['30x45', 'Polomatny', '30x45']
			,['30x40', 'Polomatny', '30x40']
			,['30x30', 'Polomatny', '30x30']
			,['40x60', 'Polomatny', '40x60']
			,['45x60', 'Polomatny', '45x60']
			,['50x50', 'Polomatny', '50x50']
			,['50x75', 'Polomatny', '50x75']
			,['60x60', 'Polomatny', '60x60']
			,['60x80', 'Polomatny', '60x80']
			,['60x90', 'Polomatny', '60x90']
			,['30x45', 'Matny', '30x45']
			,['30x40', 'Matny', '30x40']
			,['30x30', 'Matny', '30x30']
			,['40x60', 'Matny', '40x60']
			,['45x60', 'Matny', '45x60']
			,['50x50', 'Matny', '50x50']
			,['50x75', 'Matny', '50x75']
			,['60x60', 'Matny', '60x60']
			,['60x80', 'Matny', '60x80']
			,['60x90', 'Matny', '60x90']
			,['30x30','Platno','30x30']
			,['30x40','Platno','30x40']
			,['30x45','Platno','30x45']
			,['40x40','Platno','40x40']
			,['50x50','Platno','50x50']
			,['50x70','Platno','50x70']
			,['50x75','Platno','50x75']
			,['60x40','Platno','60x40']
			,['60x45','Platno','60x45']
		];


	    var msg = function(title, msg){
	        Ext.Msg.show({
	            title: title,
	            msg: msg,
	            minWidth: 250,
	            modal: true,
	            icon: Ext.Msg.INFO,
	            buttons: Ext.Msg.OK
	        });
	    };


    var fp = new Ext.FormPanel({
        renderTo: 'zberna',
		standardSubmit: true,
        fileUpload: true,
        width: 550,
        frame: true,
        title: 'Fotozberna',
        autoHeight: true,
        bodyStyle: 'padding: 10px 10px 0 10px;',
        labelWidth: 100,
        defaults: {
            allowBlank: false
        },
  items : [    {
      xtype : "fieldset",
      //collapsible:true, 
      //collapsed: true,
      autoHeight : true,
      items : [        {

			xtype:'combo',
			name: 'povrch',
			allowBlank:false,
			width : 97,
	        blankText: 'Vyber moznost',
		    emptyText: 'Vyber povrch',
			msgTarget: 'side',
			hiddenName : "combo_povrch",
		    fieldLabel:'Povrch'
		    ,displayField:'country'
		    ,valueField:'cid'
		    ,store: new Ext.data.SimpleStore({
		         fields:['cid', 'country']
		        ,data:LCombo.countries
		    })
		    ,triggerAction:'all'
		    ,mode:'local'
		    ,listeners:{select:{fn:function(combo, value) {
		        var comboCity = Ext.getCmp('combo-city');        
		        comboCity.clearValue();
		        comboCity.store.filter('cid', combo.getValue());
		        }}
		    }

		},{
			xtype:'combo',
			name: 'format',
			allowBlank:false,
			width : 97,
	        blankText: 'Vyber moznost',
		    emptyText: 'Vyber format',
			msgTarget: 'side',
			hiddenName : "combo_format",
		     fieldLabel:'Format'
		    ,displayField:'city'
		    ,valueField:'id'
		    ,id:'combo-city'
		    ,store: new Ext.data.SimpleStore({
		         fields:['id', 'cid', 'city']
		        ,data:LCombo.cities
		    })
		    ,triggerAction:'all'
		    ,mode:'local'
		    ,lastQuery:''
        },{
	        xtype: 'numberfield',
			msgTarget: 'side',
	        allowBlank:false,
			blankText: 'Zadaj pocet objednanych fotografii',
	        fieldLabel: 'Pocet',
			name:'pocet',
	        width : 97
	   },{
            xtype: 'textfield',
            allowBlank:true,
            fieldLabel: 'Popis',
			name:'popis',
            width : 370
        },{
			xtype: 'textfield',
            inputType: 'hidden',
            name: 'heslo',
            value: meno
		},{
            xtype: 'fileuploadfield',
            id: 'form-file',
            emptyText: 'Velkost fotografie moze byt maximalne 90 MB',
            fieldLabel: 'Fotografia',
            name: 'photo',
            allowBlank:false,
            msgTarget: 'side',
            blankText: 'Velkost fotografie moze byt maximalne 90 MB',
            width : 370,
            buttonText: '',
            buttonCfg: {
                iconCls: 'upload-icon'
              }
        }],
      width : 518,
      title : "Subor"
  }, {
	  xtype: 'radio',
      checked: true,
      fieldLabel: 'Odber',
      boxLabel: 'Osobne',
      name: 'ako',
      inputValue: 'Osobne'
  }, {
	  xtype: 'radio',
      fieldLabel: '',
      labelSeparator: '',
      boxLabel: 'Postou',
      name: 'ako',
      inputValue: 'Postou'

  
    }],
        buttons: [{
            text: 'Pridaj',
            handler: function(){
                if(fp.getForm().isValid()){
	                fp.getForm().submit({
	                    url: './fzber.pl',
	                    waitMsg: 'Nahravam ...',
	                    success: function(fp,o){
							msg('Uspech', 'Subor "'+o.result.file+'" bol uspesne pridany.');
	                    }
	                });
                }
            }
        }]
    });
    var obj = new Ext.FormPanel({
        renderTo: 'objednavky',
		standardSubmit: true,
        width: 550,
        frame: true,
        title: 'Objednavka',
        autoHeight: true,
        bodyStyle: 'padding: 10px 10px 0 10px;',
        labelWidth: 100,
		
		 items : [    {
			html: cesta
		},{
			xtype: 'textfield',
            inputType: 'hidden',
            name: 'heslo',
            value: meno
		},{
			xtype: 'textfield',
            inputType: 'hidden',
            name: 'objednavka',
			id: 'objednavka',
			value: "1"
		}],
		buttons: [{
            text: '      Objednaj       ',
            handler: function(){
					if (kolko>0){	
					Ext.getCmp('objednavka').setValue("2");
	                obj.getForm().submit({
	                    url: './fzber.pl',
	                    success: function(obj, o){		
	                        msg('Success', 'Processed');
	                    }
	               });
				}
            }
       }]
	});
});