Ext.onReady(function(e){
	
  var createMarque = function(){
    	var marque;
    	var modele;
    	
    	var m = Ext.get('idmarque');
    	if (m){
	    	marque = m.getValue();
	    	
			var str = '<select id="idmarque45" name="idmarque45"  title="S&eacute;lection de la marque du v&eacute;hicule">';
			str +="<option value='choose'> - Sans importance - </option>";
			
			for (var toto in referenceFiltre){
				if(toto == marque){
					str += "<option value="+toto+" selected>"+referenceFiltre[toto].label+"</option>";
				}else{
					str += "<option value="+toto+">"+referenceFiltre[toto].label+"</option>";
				}
			}
			str += "</select>";
			
			Ext.get("marqueContent").update(str,null,setEventOnMarque);
		}
	}
	
	var setEventOnMarque = function(){
		Ext.get('idmarque45').on('change',setModel);
	} 
	
	
	function test(){
		alert("test!");
	}
	

	var setModel = function(){
		if (!Ext.get('idmarque45')) { return false; }
		
		var idmarque = Ext.get('idmarque45').getValue();
      
		var objt = referenceFiltre[idmarque];
		      
		var str = '<select name="idmodele45" id="idmodele45" title="S&eacute;lection du mod&egrave;le du v&eacute;hicule">';
		str += '<option value=""> - Sans importance - </option>';
		if(objt){
			var ar = objt.modele;
			for(i=0;i < ar.length ;i++){
				//alert(ar[i][1]);
				str += "<option value='"+ar[i][0]+"'>"+ar[i][1]+"</option>";
			}
		}
      str += '</select>';
      var sel = Ext.get('modeleContent');
      sel.update(str,null,function(){
      		Ext.get("idmodele45").on('change',filtreTout);
      });
	}
	
	
	var createCat = function(){
	var sel = Ext.get('catBienContent');
	if (sel){
		var str = "<select name='idcategoriebien' id='idcategoriebien' title='S&eacute;lection du type de v&eacute;hicule'>"; 
		str += "<option> - Sans importance - </option>";
		for(var i in categorieCategorieBien){
			str += "<option value='"+i+"'>"+categorieCategorieBien[i].label+"</option>";
		}
		str += "</select>";
		sel.update(str);
	}
	}


var clearParam = function(){
	var param = Ext.Ajax.serializeForm("filtre_form");
	var tab = param.split("&");
	
	
	var tt = new Object();
	for (var i in tab){
		try{		
		var strP = tab[i].split("=");
		
		if(strP[0] == "idmarque45" && strP[1] != 0 && strP[1] != "choose" && strP[0] != "pro" && !isNaN(parseInt(strP[1],10))){
			tt["idmarque"] = strP[1];
		}else if(strP[1] != 0 && strP[1] != "choose" && strP[0] != "pro" && !isNaN(parseInt(strP[1],10)) && strP[0] != "idmarque45" && strP[0] != "idmodele45"){
			tt[strP[0]] = strP[1];
		}else if(strP[1] != 0 && strP[1] != "choose" && strP[0] != "pro" && strP[1].indexOf("plus",0) != -1 && strP[0] != "idmarque45" && strP[0] != "idmodele45"){
			tt["pportes"] = 5;
		}else if(strP[1] != 0 && strP[1] != "choose" && strP[0] != "pro" && strP[1] == "off" && strP[0] != "idmarque45" && strP[0] != "idmodele45"){
			tt[strP[0]] = 0;
		}else if(strP[0] == "idmodele45" && strP[1] != 0 && strP[1] != "choose" && strP[0] != "pro" && !isNaN(parseInt(strP[1],10))){
			tt["idmodele"] = strP[1];
		}
		}catch(e){
			
		}
	}
	
	return tt;
}

var filtreTout = function(){
	var tt = clearParam();
	if (Ext.get("nb_annonces")){
		Ext.Ajax.request({
				url : '/MoteurRecherche/json/' ,
				params : tt,
				method : "POST",
				success: function( result, request ) {
					var json = JSON.parse(result.responseText);
					var divNbA = Ext.get("nb_annonces");
					var nbA = json.count_annonce;
					var str = "";
					if(nbA == 0){
						str += 'il n&acute;y a pas d&acute;annonces qui conviennent &agrave; vos crit&egrave;res';
					}else{
						str += '<b><span>'+nbA+'</span> annonces</b> conviennent &agrave; vos crit&egrave;res';
					}
					divNbA.update(str);
				},
				
				failure: function ( result, request) { 
					//Ext.MessageBox.alert('Failed',"une erreur est survenue");
				},
				
				callback : function(result, request){
			} 
		});
	}
}

var submitMyForm = function(){
	var param = Ext.Ajax.serializeForm("filtre_form");
	var tab = param.split("&");
	var tt = new Object();
	
	var form = Ext.get("filtre_form");
	var url = form.dom.action+"/index";
	
	for (var i in tab){
		try{	
		var strP = new Array();
		if(tab[i].indexOf("=",0)) strP = tab[i].split("=");
		
		if(strP[0] == "idmarque45"){
			strP[0] = "idmarque";
		}
		
		if(strP[0] == "idmodele45"){
			strP[0] = "idmodele";
		}
		
		if(strP[1] == 0 || strP[1] == "O" || strP[1] == "choose" || strP[0] == "pro" || strP[1] == "off" || strP[1].indexOf("importance",0) != -1){
			//alert("je modifie == "+strP[0]);
		}else{
			url += "/"+strP[0]+"/"+strP[1];
		}
		}catch(e){
		}	
	}
	document.location.href = url;
}
	

	createMarque();
	createCat();
	
	Ext.select("select").on('change',filtreTout);
	Ext.get("submiMyForm").on("click",submitMyForm);
});



function effacer_criteres(){
	document.filtre_form.reset();
	Ext.get("nb_annonces").update("");
}