function g2_filtres(souscat_id){
  var xhr=getXhr();

  xhr.onreadystatechange=function(){
    if(xhr.readyState==4 && xhr.status==200){
      var docXML=xhr.responseXML;
/*
      var filtre=docXML.getElementsByTagName('filtre');
      var formulaire='';
      for (var j=0;j<filtre.length;j++){
        var nom=filtre.item(j).getElementsByTagName('nom').item(0).firstChild.data;
        var numero=filtre.item(j).getElementsByTagName('numero').item(0).firstChild.data;
        formulaire+='<tr><td colspan="2" class="e0">'+nom+'</td></tr>';
        var choix=filtre.item(j).getElementsByTagName('choix');
        for (var i=0;i<choix.length;i++){
          formulaire+='<tr><td class="e1" style="text-align:center;"><img src="images/carre-0.png" alt="" id="g2f_'+numero+'_'+i+'" /></td><td class="e1">'+choix.item(i).firstChild.data+'</td></tr>';
        }
      }

      var caseid=docXML.getElementsByTagName('caseid').item(0).firstChild.data;
      // ajoute les options à la liste
      document.getElementById('g2_filtres').innerHTML=formulaire;
*/

      // Vide le tableau des filtres
      var element=document.getElementById('g2_filtres');
      while (element.firstChild){
        element.removeChild(element.firstChild);
      }

      var filtre=docXML.getElementsByTagName('filtre');
      for (var j=0;j<filtre.length;j++){
        var nom=filtre.item(j).getElementsByTagName('nom').item(0).firstChild.data;
        nom=nom.replace(/\[!\](.*?)\[:\]/g,'&$1;');
        var numero=filtre.item(j).getElementsByTagName('numero').item(0).firstChild.data;
        var type=filtre.item(j).getElementsByTagName('type').item(0).firstChild.data;

        var trNode=document.createElement('tr');
        // nom du filtre optionnel
        if ((type=='checkbox') && nom!=''){
          var tdNode=document.createElement('td');
          tdNode.colSpan="2";
          tdNode.className="e0";
          nom=nom.replace(/\[!\](.*?)\[:\]/g,'&$1;');
          tdNode.innerHTML=nom;
          trNode.appendChild(tdNode);
          document.getElementById('g2_filtres').appendChild(trNode);
        }

        var choix=filtre.item(j).getElementsByTagName('choix');

        if (type=='checkbox'){
          for (var i=0;i<choix.length;i++){
            var trNode=document.createElement('tr');
            var tdNode=document.createElement('td');
            var imgNode=document.createElement('img');
            tdNode.style.textAlign="center";
            tdNode.className="e1";
            imgNode.src="images/carre-0.png";
            imgNode.alt="";
            imgNode.id='g2f_'+numero+'_'+i;
            tdNode.appendChild(imgNode);
            trNode.appendChild(tdNode);
            var tdNode=document.createElement('td');
            tdNode.className="e1";
            var ch=choix.item(i).firstChild.data;
            ch=ch.replace(/\[!\](.*?)\[:\]/g,'&$1;');
            tdNode.innerHTML=ch;
            trNode.appendChild(tdNode);
            document.getElementById('g2_filtres').appendChild(trNode);
          }
        }
        else if (type=='select' || type=='radio'){
          var trNode=document.createElement('tr');
          var tdNode=document.createElement('td');
          tdNode.colSpan="2";
          tdNode.className="e1";
          var selectNode=document.createElement('select');
          selectNode.name="p_fg_"+numero;
          selectNode.id="p_fg_"+numero;

          var optionNode=document.createElement('option');
          optionNode.value=9999;
          optionNode.innerHTML='-- '+nom+' --';
          selectNode.appendChild(optionNode);

          for (var i=0;i<choix.length;i++){
            var optionNode=document.createElement('option');
            optionNode.value=i;
            var ch=choix.item(i).firstChild.data;
            ch=ch.replace(/\[!\](.*?)\[:\]/g,'&$1;');
            optionNode.innerHTML=ch;
            selectNode.appendChild(optionNode);
          }
          tdNode.appendChild(selectNode);
          trNode.appendChild(tdNode);
          document.getElementById('g2_filtres').appendChild(trNode);
        }
      }

      // ajoute les fonctions
      var filtre=docXML.getElementsByTagName('filtre');
      for (var j=0;j<filtre.length;j++){
        var numero=filtre.item(j).getElementsByTagName('numero').item(0).firstChild.data;
        var choix=filtre.item(j).getElementsByTagName('choix');
        var type=filtre.item(j).getElementsByTagName('type').item(0).firstChild.data;

        if (type=='checkbox'){
          for (var i=0;i<choix.length;i++){
             var carre=document.getElementById('g2f_'+numero+'_'+i);
             carre.valeur_dest_i=i;
             carre.valeur_numero=numero;
             carre.onclick=function(){g2_check_case(souscat_id,this.valeur_numero,this.valeur_dest_i);};
          }
        }
        else if (type=='select' || type=='radio'){
          var select=document.getElementById('p_fg_'+numero);
          select.valeur_numero=numero;
          select.onchange=function(){g2_filtre_select(souscat_id,this.valeur_numero);};
        }
      }

      // décoche l'ancienne case
      var caseid=docXML.getElementsByTagName('caseid').item(0).firstChild.data;
      if (caseid!=0){
        document.getElementById('g1_radio_'+caseid).src='images/rond-0.png';
      }
      // coche la nouvelle case
      document.getElementById('g1_radio_'+souscat_id).src='images/rond-1.png';
    }
  }

  xhr.open("POST","xhr_g2.php",true);
  xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');

  xhr.send("souscat_id="+souscat_id);
}

function g2_check_case(souscat,filtre,choix){
  var xhr=getXhr();

  xhr.onreadystatechange=function(){
    if(xhr.readyState==4 && xhr.status==200){
      var resultat=xhr.responseText;
      if (resultat=='0') document.getElementById('g2f_'+filtre+'_'+choix).src='images/carre-0.png';
      else if (resultat=='1') document.getElementById('g2f_'+filtre+'_'+choix).src='images/carre-1.png';
    }
  }

  xhr.open("POST","xhr_g2_check_case.php",true);
  xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');

  xhr.send("souscat="+souscat+"&filtre="+filtre+"&choix="+choix);
}

function g2_filtre_select(souscat,filtre){
  var xhr=getXhr();

  xhr.onreadystatechange=function(){
    if(xhr.readyState==4 && xhr.status==200){
      var resultat=xhr.responseText;
    }
  }

  var sel=document.getElementById('p_fg_'+filtre);
  var id=sel.options[sel.selectedIndex].value;

  xhr.open("POST","xhr_g2_filtre_select.php",true);
  xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');

  xhr.send("souscat="+souscat+"&filtre="+filtre+"&choix="+id);
}

