// JavaScript Document

function addEvent(o, e, f){
  if (o.addEventListener){ o.addEventListener(e, f, false);return true;}  
  else if (o.attachEvent){ return o.attachEvent("on"+e, f);}
}



function bindSelects() {
    // On récupère le select#departements
    var depts = document.getElementById('sect_id');
     
    // Et pour chaque département, on crée un tableau de deux cases contenant le nom du département et celui de la 
	// région associée, qu'on met dans le tableau de départements
    for(var i=0; i<depts.options.length; ++i)
        deptsValues.push(new Array(depts.options[i].value, depts.options[i].getAttribute("region"),depts.options[i].getAttribute("text_valeur")));
         
    addEvent(document.getElementById("city_id"), "change", regionChange);
}
function regionChange(){
    var regions = document.getElementById('city_id');
    var region = regions.options[regions.selectedIndex].value;
     
    var depts = document.getElementById('sect_id');
    while(depts.childNodes.length > 0)
        depts.removeChild(depts.childNodes[0]);
     
    // On boucle sur les valeurs de départements
    for(var i=0; i<deptsValues.length; ++i)
        if(deptsValues[i][1] == region) {
            // Et si la région du département correspond à la région sélectionnée
             
            // On crée une option
            var opt = document.createElement('OPTION');
            // À laquelle on donne la valeur et l'identifiant correspondant au département
            opt.value = deptsValues[i][0];
            opt.appendChild(document.createTextNode(deptsValues[i][2]));
            // Et on ajoute cette option à select#departements
            depts.appendChild(opt);
        }
}
//Fonction Appeler

//addEvent(window, "load", bindSelects);
//var deptsValues = new Array();