function loadFormRecherche() {
	
	var proxyService = new Ext.data.HttpProxy({
	        url: '/onbooje/remoteList.do?l=services'
	});
	
	var storeServices = new Ext.data.Store({
	        proxy: proxyService,
	        reader: new Ext.data.JsonReader(
	        {
	            root: 'items'
		    }, 
		    [   {name: 'id'}
		        ,{name: 'code'}
		        ,{name: 'libelle'}
        	])
    });

	var storeTypeRecherche = new Ext.data.SimpleStore({
        fields: ['code', 'libelle'],
        data : [['employe','Un salarié'],['employeur','Un employeur']]
    });

   var storeDepartements = new Ext.data.SimpleStore({
        fields: ['nodep', 'libdep'],
        data : Onbooje.listdata.departements // from departements.js
    });

	var comboTypeRecherche = new Ext.form.ComboBox({
	    store: storeTypeRecherche,
	    labelStyle: 'display: none',
	    hideLabel : true,
	    name: 'comboTypeRecherche',
		id: 'comboTypeRecherche',
		hiddenName: 'comboTypeRechercheHidden',
	    displayField:'libelle',
		valueField:'code',
		allowBlank: false,
		blankText: 'Choix obligatoire',
	    typeAhead: true,
	    mode: 'local',
	    triggerAction: 'all',
	    emptyText:'Choisir un type...',
	    editable: false,
	    selectOnFocus:true,
	    width: 120
		//,listeners:{
		//	select:{
		//		fn:function(combo, value) {
		//			alert('selected: ' + comboTypeRecherche.getValue());
		//		
        //         }
		//	}
	    //}
	
	});

	var comboService = new Ext.form.ComboBox({
	    store: storeServices,
	    labelStyle: 'display: none',
	    hideLabel : true,
	    listWidth: 350,
	    maxHeight: 210, 
	    name: 'comboService',
		id: 'comboService',
		hiddenName: 'comboServiceHidden',
	    displayField:'libelle',
		valueField:'id',
		allowBlank: false,
		blankText: 'Choix obligatoire',
	    typeAhead: true,
	    mode: 'remote',
	    triggerAction: 'all',
	    emptyText:'Choisir un service...',
	    editable: false,
	    selectOnFocus:true,
	    width: 120
		//,listeners:{
		//	select:{
		//		fn:function(combo, value) {
		//			alert('selected: ' + comboService.getValue());
		//		
        //         }
		//	}
	    //}
	});
	
	var comboDepartements = new Ext.form.ComboBox({
	    store: storeDepartements,
	    labelStyle: 'display: none',
	    hideLabel : true,
	    listWidth: 200,
	    maxHeight: 180, 
	    name: 'comboDepartements',
		id: 'comboDepartements',
		hiddenName: 'comboDepartementsHidden',
	    displayField:'libdep',
		valueField:'nodep',
		allowBlank: false,
		blankText: 'Choix obligatoire',
	    typeAhead: true,
	    mode: 'local',
	    triggerAction: 'all',
	    emptyText:'Choisir un département...',
	    editable:false,
	    selectOnFocus:true,
	    width: 120
		//,listeners:{
		//	select:{
		//		fn:function(combo, value) {
		//			alert('selected: ' + comboDepartements.getValue());
		//		
        //         }
		//	}
	    //}
	});


	var formRechService = new Ext.form.FormPanel({
	        labelStyle: 'display: none',
	        standardSubmit: true,
			border:false,
	        frame:false,
	        monitorValid:true, 
	        labelAlign: 'left',
	        width:150,
	        bodyStyle: "border:0px; background-color: transparent; color: white;",
			items: [comboTypeRecherche
				,comboService
				,comboDepartements
			]
	    });
	
	
	var buttonValidRechServiceHandler = function(button, event) {
		formRechService.getForm().getEl().dom.action = '/onbooje/rechercher.do?action=viewAnnonce';
		formRechService.getForm().getEl().dom.method = 'POST';
	    formRechService.getForm().submit();
	};
	
	var buttonValidRechServiceObject = new Ext.Button({
		name: 'btnValideRechService',
		text:'OK',
		formBind:true,
	   	scope:formRechService,
		handler:buttonValidRechServiceHandler
	});
	buttonValidRechServiceObject.applyToMarkup('btnValidRechService');
	
	formRechService.render('formRechService');

}




function loadFormRechMembre() {
	
	var formRechMembre = new Ext.form.FormPanel({
        standardSubmit: true,
		border:false,
        frame:false,
        monitorValid:true, 
        bodyStyle: "background-color: transparent; color: white;",
        defaultType: 'textfield',
        hideLabel : true,
        method: 'POST',
        keys:[{
			key: 13, // or Ext.EventObject.ENTER
			fn: function(){
        		submitRechMembreFom();
        	}
        }],
		items: [
			{
                labelStyle: 'display: none',
                name: 'strRechMembre',
                allowBlank:false,
                hideLabel : true,
                regex: idOnboojeExpr,
                regexText: 'Format attendu : 6 chiffres',
                blankText: 'Identifiant OnBooje obligatoire',
                emptyText: '123456..',
                width:58
            }
        ]
    });

	
	var buttonValidRechMembreObject = new Ext.Button({
	name: 'btnValideRechMembre',
		text:'OK',
		formBind:true,
	   	scope:this,
		handler:function(){submitRechMembreFom();}
	});
	buttonValidRechMembreObject.applyToMarkup('btnRechMembre');
	
	formRechMembre.render('formRechMembre');
   
   
   function submitRechMembreFom(){
		formRechMembre.getForm().getEl().dom.action = '/onbooje/rechercher.do?action=viewMembre';
	    formRechMembre.getForm().submit();
	}
   
}

function loadFormRechMembreId() {
	
	var formRechMembreId = new Ext.form.FormPanel({
        standardSubmit: true,
		border:false,
        frame:false,
        monitorValid:true, 
        bodyStyle: "background-color: transparent; color: white;",
        defaultType: 'textfield',
        hideLabel : true,
        method: 'POST',
        keys:[{
			key: 13, // or Ext.EventObject.ENTER
			fn: function(){
        		submitRechMembreIdFom();
        	}
        }],
		items: [
			{
                labelStyle: 'display: none',
                name: 'strRechMembre',
                allowBlank:false,
                hideLabel : true,
                regex: idOnboojeExpr,
                regexText: 'Format attendu : 6 chiffres',
                blankText: 'Identifiant OnBooje obligatoire',
                emptyText: '123456..',
                width:58
            }
        ]
    });

	
	var buttonValidRechMembreIdObject = new Ext.Button({
	name: 'btnValideRechMembreId',
		text:'OK',
		formBind:true,
	   	scope:this,
		handler:function(){submitRechMembreIdFom();}
	});
	buttonValidRechMembreIdObject.applyToMarkup('btnRechMembreId');
	
	formRechMembreId.render('formRechMembreId');
   
   
   function submitRechMembreIdFom(){
		formRechMembreId.getForm().getEl().dom.action = '/onbooje/rechercher.do?action=viewMembre';
	    formRechMembreId.getForm().submit();
	}
   
}

function loadFormRechMembreByEmail() {
	
	var formRechMembreByEmail = new Ext.form.FormPanel({
        standardSubmit: true,
		border:false,
        frame:false,
        monitorValid:true, 
        bodyStyle: "background-color: transparent; color: white;",
        defaultType: 'textfield',
        hideLabel : true,
        method: 'POST',
        keys:[{
			key: 13, // or Ext.EventObject.ENTER
			fn: function(){
        		submitRechMembreByEmailFom();
        	}
        }],
		items: [
			{
                labelStyle: 'display: none',
                name: 'strRechMembre',
                allowBlank:false,
                hideLabel : true,
                regex: emailExpr,
                regexText: 'Format attendu : michel@orange.fr',
                blankText: 'Taper l\email du Membre',
                emptyText: 'ex: michel@orange.fr',
                width:170
            }
        ]
    });

	
	var buttonValidRechMembreByEmailObject = new Ext.Button({
	name: 'btnValideRechMembreByEmail',
		text:'OK',
		formBind:true,
	   	scope:this,
		handler:function(){submitRechMembreByEmailFom();}
	});
	buttonValidRechMembreByEmailObject.applyToMarkup('btnRechMembreByEmail');
	
	formRechMembreByEmail.render('formRechMembreByEmail');
   
   
   function submitRechMembreByEmailFom(){
		formRechMembreByEmail.getForm().getEl().dom.action = '/onbooje/rechercher.do?action=viewMembreByEmail';
	    formRechMembreByEmail.getForm().submit();
	}
}