Ext.onReady(function(e){

	var hasversion = false;
	createMarque();
	createcategorie();
	
/*********************************************************/
/*			on lance le datePicker					******/
/*********************************************************/
var datePicker = Ext.get('datePickerLink');

if(datePicker){
	datePicker.on('click',myfunction);
} 
}); // fin onready  



/*****************************************************/
/***		creation du contenu des selects  	   ***/
/*****************************************************/


function setModel(e){
   	var idmarque = Ext.get('marque').dom.value;
      
   	var marquepetitpro =  Ext.get("marquePetitproContent");
   
   	var idappelant = e.target.id;
   	
   var idmodele = "modele"; 
   	
	if(marquepetitpro && idappelant == "petitpromarque"){
		idmarque = Ext.get('petitpromarque').getValue();
		idmodele = "petitpromodele";
	}
      
      var str = '<select id="'+idmodele+'" name="modele"><option value="choose"> - MODELE - </option>';
      
      if(idmarque != "choose"){
      	objt = referenceFiltre[idmarque];
      	ar = objt.modele;
      	for(i=0;i < ar.length ;i++){
      		str += "<option value='"+ar[i][0]+"'>"+ar[i][1]+"</option>";
      	}
      }
      
      str += '</select>';
      
      if(marquepetitpro && idappelant == "petitpromarque"){
		Ext.get("petitpromodeleContent").update(str,null,function(){Ext.get('petitpromodele').on('change',setVersion);});
	  }else{
      	Ext.get("modeleContent").update(str,null,function(){Ext.get('modele').on('change',setVersion);});
	  }
      
      
     }
     
    
    /**
     * function de gestion des Categories
     */ 
    var setTypeCategorie = function(){
//      var catb = document.getElementById('catbien').value;
	  var catb = Ext.get("catbien").dom.value;
	 
     str = '<select id="categorie" name="categorie"><option value="choose"> - COMPLEMENT - </option>';
	 if(catb != "choose"){ 
      var ar = categorieCategorieBien[catb].categorie;
      
      for(i=0;i < ar.length;i++){
      	str += "<option value='"+ar[i][0]+"'>"+ar[i][1]+"</option>";
      }
	 }
	 
     str += '</select>';
	 
   	Ext.get("categorieContent").update(str);	
    }
    
    
    /**
     * cette function utilise un appelle ajax
     */
    function setVersion(e){
  		var idmodele = Ext.get("modele").dom.value;
  		var energie = Ext.get("energie").dom.value;
  		var version = Ext.get("version").dom.value;
  		
//  		if((version == "" && idmodele != "choose") || (energie != "choose" && version == "choose")){
  		
  		//myparam = new Array();
  		myparam = new Object();
  		
  		myparam.idmodele = idmodele;
  		if(energie){
  		myparam.idenergie = energie;
  		}
		Ext.Ajax.request({
			url: "/Annonce/Data/version/",
			params: myparam,
			success: function( result, request ){
				var content = JSON.parse(result.responseText);
				var str = "";
				champ = Ext.get("champversion");
				
				if(content.length > 1){
				str += "<select id='version' name='version'><option value='choose'> - VERSION - </option>";
				for(var i=0 ; i< content.length ;i++){
					var test = content[i];				
					str += "<option value="+test[0]+">"+test[1]+"</option>";
				}
				str += "</select>";
				}else if(content.length == 1){
					cont = content[0];
					str += "<input type='text' name='version_text' id='version' value='"+cont[1]+"' READONLY/>";
				}else{
					str += "<input type='text' id='version' name='version_text' value='AUTRE' READONLY/>";
				}
				champ.update(str);

			 },
			
			failure: function ( result, request) { 
//				Ext.MessageBox.alert('Failed',"une erreur est survenue");
 				alert("une erreur est survenue !! "); 
			} 
		});
//    }		
    }


function createMarque(){
	
str = "<select id='marque' name='marque'><option value='choose'> - MARQUE - </option>";	
for (var toto in referenceFiltre){
	str += "<option value="+toto+">"+referenceFiltre[toto].label+"</option>";
}
str +="</select>";
select = Ext.get("marqueContent");
if(select){
	select.update(str,null,function(){Ext.get('marque').on('change',setModel);});
}


var marquepetitpro =  Ext.get("marquePetitproContent");
if(marquepetitpro){
	Ext.get('petitpromarque').on('change',setModel);
}

}


function createcategorie(){
	
	var modifcatbien = "";
	
if(Ext.get("catbienContentModif")){
	modifcatbien = Ext.get("catbienContentModif").getValue();
	
}
	
str = "<select id='catbien'  name='categorieBien'><option value='choose'> - CATEGORIE - </option>";	
for (var toto in categorieCategorieBien){
	
	if(categorieCategorieBien[toto].label == modifcatbien){
		//alert(categorieCategorieBien[toto].label+" == "+modifcatbien+" ? oui");	
		str += "<option value="+toto+" selected >"+categorieCategorieBien[toto].label+"</option>";
	}else{
		//alert(categorieCategorieBien[toto].label+" == "+modifcatbien+" ? non");	
		str += "<option value="+toto+">"+categorieCategorieBien[toto].label+"</option>";
	}
}
str +="</select>";
	 
select = Ext.get("catbienContent");
if(select){
	select.update(str,null,function(){Ext.get('catbien').on('change',setTypeCategorie);});
}
}


/*********************************************************/
/****** et le datePicker la dedans ************************/
/*********************************************************/

var dp = null;

function setDate(dp2,date){
	var dispo = Ext.get("disponibiliteField");
	dispo.dom.value = date.format("Y-m-d");
	var cont = Ext.get("calendar");
	cont.update("");
	dp = null;
	
}

function myfunction(){
	
	if(dp ==null){
	dp = new Ext.DatePicker({
		todayText : "Date d'aujourd'hui",
		monthNames : new Array("Janvier", "Fevrier", "Mars", "Avril", "Mai", "Juin", "Juillet", "Aout", "Septembre", "Octobre", "Novembre", "Decembre"),
	    dayNames : new Array("Dimanche", "Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi"),
	    nextText: 'Mois suivant',
	    prevText: 'Mois pr&eacute;c&eacute;dent',
	    monthYearText: 'Choisissez un mois',
	    cancelText : "Annuler",
		format : 'd/m/Y',
		hideParent:true,
		hideMode:'offsets'
		//,renderTo:"calendar"
	});
	dp.render("calendar");
	dp.on("select",setDate);
	}
}




/*********************************************************/
/*********************************************************/
/*********************************************************/


/**
    * function d'affichage des champsup
    */
   var createChampSup = function(e){
   		name = "bloc_"+e;
		var msg = Ext.get(name);
		msg.load({
			url: "/Annonce/index/champsup/",
			params: "idtypedescription="+e,
			//text: "<img src='/plateforme/Commons/javascript/ext-2.0/resources/images/default/grid/loading.gif'/> Chargement en cours..."
			text: "Chargement en cours..."
		});
		msg.show();
		
   }