// JavaScript Document
var fnSelectAllAction=function(bBool,sLabel){
	
	
	
	for(zj=1;zj<20;zj++){
		oTypeBienLoop=Ext.getCmp(sLabel+zj);
		if(String(oTypeBienLoop)!=="undefined"){
			oTypeBienLoop.setValue(bBool);
		}
	}
}
var fnAddSelectAllCheckBox=function(sLabel,aArrayColumn,iColumnNb){
		aArrayColumn[iColumnNb].items.push({
						xtype:'checkbox',
						boxLabel: 'Tout sélectionner',
						hideLabel :true,
						name: 'none',
						id: 'all'+sLabel,
						anchor:'95%',
						listeners:{
								'check' : function(){fnSelectAllAction(Ext.getCmp('all'+sLabel).checked,sLabel);
								},
								 scope: this
						}
					})
}
var fReturnaLocationForm=function(){
	fnAddSelectAllCheckBox('typeBien',aTypeBiens,1);
	return [
			{
					xtype:'hidden',
					fieldLabel: 'TEST typeTransaction',
					name: 'typeTransaction',
					value:'BienLocation',
					id: 'typeTransactionField'
				},{
					xtype:'hidden',
					fieldLabel: 'TEST typeBien',
					name: 'typeBien',
					id: 'typeBienField'
				},{
					xtype:'hidden',
					fieldLabel: 'TEST NbRoomGlobal',
					name: 'NbRoomGlobal',
					id: 'NbRoomGlobal'
				},{
					xtype:'hidden',
					fieldLabel: 'TEST NbBedRoomGlobal',
					name: 'NbBedRoomGlobal',
					id: 'NbBedRoomGlobal'
				},{
					xtype:'hidden',
					fieldLabel: 'TEST TypeChauffage',
					name: 'TypeChauffage',
					id: 'TypeChauffage'
				},{
					xtype:'hidden',
					fieldLabel: 'TEST TypeExterieur',
					name: 'TypeExterieur',
					id: 'TypeExterieur'
				},{
					xtype:'hidden',
					fieldLabel: 'TEST TypeQualitatif',
					name: 'TypeQualitatif',
					id: 'TypeQualitatif'
				},{
				xtype:'panel',
			   html:'Entrez vos critères de recherche :',
			   bodyStyle:'padding:10px'
        	},
				{
					xtype:'tabpanel',
					activeTab: 0,
					id:'FormHomeTabpanel',
					//listeners:['tabchange',function(tabpanel,tab){alert(tab)},this],
					//defaults:{autoHeight:true, bodyStyle:'padding:10px'},
					items:[
							{
								title:'Biens en location',
								layout:'form',
								id:'BienLocation'
							},{
								title:'Biens en vente',
								layout:'form',
								id:'BienVente'
							},{
								title:'Trouver un acheteur',
								layout:'form',
								id:'BienAcheteur'
							},{
								title:'Trouver un locataire',
								layout:'form',
								id:'BienLocataire'
							}
						]
				},{
				xtype:'panel',
			   html:'Commencez par définir le type de bien que vous recherchez.',
			   bodyStyle:'padding:10px'
        	},
			{
            xtype:'fieldset',
            title: "Types de bien* <span class='labelInfo'>(requis, choix multiple possible)</span>",
            collapsible: true,
            autoHeight:true,
           	layout:'column',
			items:aTypeBiens
        },{
            xtype:'fieldset',
			id:'NbRoom',
            title: "Nombre de pièces <span class='labelInfo'>(optionnel, choix multiple possible)</span>",
            collapsible: true,
            autoHeight:true,
           	layout:'column',
			 items:[{
				 columnWidth:.25,
				 layout: 'form',
				 items: [
						 {	
                    		xtype:'checkbox',boxLabel :'1',
						hideLabel :true,
							name: 'NbRoom1',
							id: 'NbRoom1',
                    		anchor:'95%',
							listeners:{
									'check' : function(){fCheckOpenSub('NbRoom',1);},
									 scope: this
							}
						},{
                    		xtype:'checkbox', 
							boxLabel: '5',
						hideLabel :true,
							name: 'NbRoom5',
							id: 'NbRoom5',
                    		anchor:'95%',
							listeners:{
									'check' : function(){fCheckOpenSub('NbRoom',5);},
									 scope: this
							}
						}
				]
			},{
				 columnWidth:.25,
				 layout: 'form',
				 items: [
						{
                    		xtype:'checkbox',
							boxLabel: '2',
						hideLabel :true,
							name: 'NbRoom2',
							id: 'NbRoom2',
                    		anchor:'95%',
							listeners:{
									'check' : function(){fCheckOpenSub('NbRoom',2);},
									 scope: this
							}
						},{
                    		xtype:'checkbox',
							boxLabel: '6 +',
						hideLabel :true,
							name: 'NbRoom6',
							id: 'NbRoom6',
                    		anchor:'95%',
							listeners:{
									'check' : function(){fCheckOpenSub('NbRoom',6);},
									 scope: this
							}
						}
				]
			},{
				 columnWidth:.25,
				 layout: 'form',
				 items: [{
                    		xtype:'checkbox',
							boxLabel: '3',
						hideLabel :true,
							name: 'NbRoom3',
							id: 'NbRoom3',
                    		anchor:'95%',
							listeners:{
									'check' : function(){fCheckOpenSub('NbRoom',3);},
									 scope: this
							}
						}
				]
			},{
				 columnWidth:.25,
				 layout: 'form',
				 items: [{
                    		xtype:'checkbox',
							boxLabel: '4',
						hideLabel :true,
							name: 'NbRoom4',
							id: 'NbRoom4',
                    		anchor:'95%',
							listeners:{
									'check' : function(){fCheckOpenSub('NbRoom',4);},
									 scope: this
							}
						}
				]
			}]
        },{
            xtype:'fieldset',
            title: "Prix*(en €) <span class='labelInfo'>(requis)</span>",
			id:'prix',
            collapsible: true,
            collapsed: true,
            autoHeight:true,
			labelWidth:100,
           	layout:'column',
			 items:[{
				 columnWidth:.50,
				 layout: 'form',
				 items: [
						 {	
                    		xtype:'numberfield',
							fieldLabel: 'Prix vente*, de ',
							name: 'pricevente1',
							id: 'pricevente1',
                    		anchor:'95%'
						},
						{	
                    		xtype:'numberfield',
							fieldLabel: 'Loyer (Hc)*, de ',
							name: 'pricelocation1',
							id: 'pricelocation1',
                    		anchor:'95%'
						},	
                    	{	xtype:'numberfield',
							fieldLabel: 'Charges, de ',
							name: 'pricecharges1',
							id: 'pricecharges1',
                    		anchor:'95%'
						},	
                    	{	xtype:'numberfield',
							fieldLabel: 'Loyer (Cc)*, de ',
							name: 'pricelocataire1',
							id: 'pricelocataire1',
                    		anchor:'95%'
						},
						{	
                    		xtype:'numberfield',
							fieldLabel: 'Prix achat*, de ',
							name: 'priceachat1',
							id: 'priceachat1',
                    		anchor:'95%'
						}				]
			},{
				 columnWidth:.50,
				 layout: 'form',
				 items: [
						{
                    		xtype:'numberfield',
							fieldLabel: 'à ',
							name: 'pricevente2',
							id: 'pricevente2',
                    		anchor:'95%'
						},{
                    		xtype:'numberfield',
							fieldLabel: 'à ',
							name: 'pricelocation2',
							id: 'pricelocation2',
                    		anchor:'95%'
						},{	xtype:'numberfield',
							fieldLabel: 'à ',
							name: 'pricecharges2',
							id: 'pricecharges2',
                    		anchor:'95%'
						},	{	xtype:'numberfield',
							fieldLabel: 'à ',
							name: 'pricelocataire2',
							id: 'pricelocataire2',
                    		anchor:'95%'
						},{
                    		xtype:'numberfield',
							fieldLabel: 'à ',
							name: 'priceachat2', 
							id: 'priceachat2',
                    		anchor:'95%'
						}
				]
			}]
        },{
            xtype:'fieldset',
            title: "Surface (en m2) <span class='labelInfo'>(optionnel)</span>",
			id:'surface',
            collapsible: true,
            autoHeight:true,
            collapsed: true,
			labelWidth:100,
           	layout:'column',
			 items:[{
				 columnWidth:.50,
				 layout: 'form',
				 items: [
						 {	
                    		xtype:'numberfield',
							fieldLabel: 'Habitable, entre ',
							id:'surfaceHabitable',
							name: 'surfaceHabitable',
                    		anchor:'95%'
						},{
                    		xtype:'numberfield',
							fieldLabel: 'Séjour, entre ',
							id:'surfaceLiving',
							name: 'surfaceLiving',
							hideParent:true,
                    		anchor:'95%'
						},{
                    		xtype:'numberfield',
							fieldLabel: 'Terrain, entre',
							id:'surfaceLand',
							name: 'surfaceLand',
							hideParent:true,
                    		anchor:'95%'
						}
				]
			},{
				 columnWidth:.50,
				 layout: 'form',
				 items: [
						{
                    		xtype:'numberfield',
							fieldLabel: 'et ',
							name: 'surfaceHabitable2',
							id: 'surfaceHabitable2',
                    		anchor:'95%'
						},{
                    		xtype:'numberfield',
							fieldLabel: 'et ',
							name: 'surfaceLiving2',
							id: 'surfaceLiving2',
							hideParent:true,
                    		anchor:'95%'
						},{
                    		xtype:'numberfield',
							fieldLabel: 'et ',
							name: 'surfaceLand2',
							id: 'surfaceLand2',
							hideParent:true,
                    		anchor:'95%'
						}
				]
			}]
        },{
            xtype:'fieldset',
            title: "Localisation* <span class='labelInfo'>(requis, entrez au moins un choix)</span>",
			id:'localisation',
            collapsible: true,
            collapsed: true,
            autoHeight:true,
           	layout:'column',
			 items:[{
				 columnWidth:.60,
				 layout: 'form',
				labelWidth:170,
				 items: [
						 {	
                    		xtype:'textfield',
							fieldLabel: 'Ville, CP ou Département* ',
							name: 'localisation1',
							id: 'localisation1',
                    		anchor:'95%'
						},{	
                    		xtype:'textfield',
							fieldLabel: 'ou ',
							name: 'localisation2',
                    		anchor:'95%'
						}
				]
			},{
				 columnWidth:.30,
				 layout: 'form',
				labelWidth:50,
				 items: [
						{
                    		xtype:'textfield',
							fieldLabel: 'ou ',
							name: 'localisation3',
                    		anchor:'95%'
						},{	
                    		xtype:'textfield',
							fieldLabel: 'ou ',
							name: 'localisation4',
                    		anchor:'95%'
						}
				]
			}]
        },{
				xtype:'panel',
				id:"TextCriteresOptionels",
			   html:'<strong>Vous pouvez entrer ci-dessous des critères optionnels.</strong>',
			   bodyStyle:'padding:10px'
        	},
		{
            xtype:'fieldset',
            checkboxToggle:true,
            title: "Nb de chambres  <span class='labelInfo'>(optionnel, choix multiple possible)</span>",
			id:"NbBedroom",
            autoHeight:true,
           collapsed: true,
          labelWidth:25,
           	layout:'column',
			 items:[{
				 columnWidth:.25,
				 layout: 'form',
				 items: [
						 {	
                    		xtype:'checkbox',
							boxLabel: '1',
						hideLabel :true,
							name: 'NbBedRoom1',
							id: 'NbBedRoom1',
                    		anchor:'95%',
							listeners:{
									'check' : function(){fCheckOpenSub('NbBedRoom',1);},
									 scope: this
							}
						},{
                    		xtype:'checkbox',
							boxLabel: '5',
						hideLabel :true,
							name: 'NbBedRoom5',
							id: 'NbBedRoom5',
                    		anchor:'95%',
							listeners:{
									'check' : function(){fCheckOpenSub('NbBedRoom',5);},
									 scope: this
							}
						}
				]
			},{
				 columnWidth:.25,
				 layout: 'form',
				 items: [
						{
                    		xtype:'checkbox',
							boxLabel: '2',
						hideLabel :true,
							name: 'NbBedRoom2',
							id: 'NbBedRoom2',
                    		anchor:'95%',
							listeners:{
									'check' : function(){fCheckOpenSub('NbBedRoom',2);},
									 scope: this
							}
						},{
                    		xtype:'checkbox',
							boxLabel: '6 +',
						hideLabel :true,
							name: 'NbBedRoom6',
							id: 'NbBedRoom6',
                    		anchor:'95%',
							listeners:{
									'check' : function(){fCheckOpenSub('NbBedRoom',6);},
									 scope: this
							}
						}
				]
			},{
				 columnWidth:.25,
				 layout: 'form',
				 items: [{
                    		xtype:'checkbox',
							boxLabel: '3',
						hideLabel :true,
							name: 'NbBedRoom3',
							id: 'NbBedRoom3',
                    		anchor:'95%',
							listeners:{
									'check' : function(){fCheckOpenSub('NbBedRoom',3);},
									 scope: this
							}
						}
				]
			},{
				 columnWidth:.25,
				 layout: 'form',
				 items: [{
                    		xtype:'checkbox',
							boxLabel: '4',
						hideLabel :true,
							name: 'NbBedRoom4',
							id: 'NbBedRoom4',
                    		anchor:'95%',
							listeners:{
									'check' : function(){fCheckOpenSub('NbBedRoom',4);},
									 scope: this
							}
						}
				]
			}]
        },{
            xtype:'fieldset',
            checkboxToggle:true,
            title: "Destination  <span class='labelInfo'>(optionnel)</span>",
			id:"Destination",
            autoHeight:true,
            defaults: {width: 210},
            defaultType: 'combo',
            collapsed: true,
            items :[{
					fieldLabel: 'Destination',
					name:'destination',
					store: storeDestination,
					displayField:'Name',
					valueField:'id',
					typeAhead: true,
					mode: 'local',
					triggerAction: 'all',
					emptyText:'Choisir..',
					selectOnFocus:true,
					listeners:{'collapse':function(oField){Ext.getCmp('destination2').setValue(oField.getValue())}}
				},{
					xtype:'hidden',
					name: 'destination2',
					id: 'destination2'
				}
            ]
        },{
            xtype:'fieldset',
            checkboxToggle:true,
            title: "Chauffage  <span class='labelInfo'>(optionnel, choix multiple possible)</span>",
			id:"Chauffage",
            autoHeight:true,
           	layout:'column',
			labelWidth:130,
            collapsed: true,
            items :aChauffage
        },{

            xtype:'fieldset',
            checkboxToggle:true,
            title: "Extérieur  <span class='labelInfo'>(optionnel, choix multiple possible)</span>",
			id:"Exterieur",
            autoHeight:true,
			labelWidth:130,
           	layout:'column',
            collapsed: true,
            items :aExterieur
        },{
            xtype:'fieldset',
            checkboxToggle:true,
            title: "Etages  <span class='labelInfo'>(optionnel)</span>",
			id:"Etages",
            autoHeight:true,
            defaults: {width: 210},
            defaultType: 'combo',
            collapsed: true,
            items :[{
					fieldLabel: 'Etages',
					name:'etages',
					store: storeEtages,
					displayField:'Name',
					valueField:'id',
					typeAhead: true,
					mode: 'local',
					triggerAction: 'all',
					emptyText:'Choisir..',
					selectOnFocus:true,
					listeners:{'collapse':function(oField){
						Ext.getCmp('etages2').setValue(oField.getValue());
						//alert(oField.getValue()+"-"+Ext.getCmp('etages2').getValue())
					}}
				},{
					xtype:'hidden',
					name: 'etages2',
					id: 'etages2'
				}
            ]
        },{ 
           xtype:'fieldset',
            checkboxToggle:true,
            title: "Eléments qualitatifs <span class='labelInfo'>(optionnel)</span>",
			id:"ElementsQualitatifs",
            autoHeight:true,
			labelWidth:130,
           	layout:'column',
            collapsed: true,
            items :aQualitatifs
        },{
				xtype:'panel',
			   html:'<em>*Critères obligatoires</em>',
			   bodyStyle:'padding:3px'
        	}
	]
}