problema con javascript, XML e select dinamiche

salve a tutti,

il mio problema riguarda l'uso di Javascript per fare una ricerca nel file xml e riportare i risultati in una pagina HTML

il tipo di ricerca che devo usare è mediante due menù a tendina dinamici che leggendo i valori "categoria" e "gruppo" dal file XML, generano le varie opzioni di ricerca
una indica la categoria principale e la seconda mette in dettaglio i contenuti

solo che le due select non prendono i dati e di conseguenza non va tutto il resto.
credo che la causa del malfunzionamento sia l'oggetto this.lista che non viene letto dai gestori delle select, ho provato a risolvere ma da solo non ci riesco e sono arrivato alla disperazione, per caso qualcuno sa come risolvere? grazie in anticipo

allego il codice e il link diretto alla pagina cosi potete provarla

http://halo.altervista.org/database.html

Codice:

---

function caricaXML(nomeFile) {
var xmlhttp;
if (window.XMLHttpRequest) {
// IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
} else {
// IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET", nomeFile, false);
xmlhttp.send();
return xmlhttp.responseXML;
}


/*funzione costruttrice dell'oggetto profilo*/

function Scheda(nom, appar, prof, grup, img){
/*proprietà dell'oggetto*/
        this.nome = nom;
        this.apparizione = appar;
        this.profilo = prof;
        this.gruppo = grup;
        this.immagine = img;
       
}
       

function Archivio(){
        this.lista = [];/*array vuoto che conterrà tutti i profili*/
        this.inizializza =
                function(nodo){
        /*per ogni nodo con marca "scheda", creo un oggetto scheda, lo inizializzo e lo aggiungo all'array*/
                var schede = nodo.getElementsByTagName("scheda");

                for(var i = 0; i<schede.length; i++){
               
                        var categoria = schede[i].getAttribute("categoria");
                        var nomi = schede[i].getElementsByTagName("nome");
                        var nome = nomi[0].firstChild.nodeValue;
                        var apparizioni = schede[i].getElementsByTagName("apparizione");
                        var apparizione = apparizioni[0].firstChild.nodeValue;
                        var profili = schede[i].getElementsByTagName("profilo");
                        var profilo = profili[0].firstChild.nodeValue;       
                        var immagini = schede[i].getElementsByTagName("immagine");
                        var immagine =        immagini[0].firstChild.nodeValue;
                       
                        var scheda = new Scheda(nome, apparizione, profilo, categoria,immagine, categoria);
                        this.lista.push(scheda);
                       
                }
        }
                /*metodo con cui creo la prima select "categoria"*/
        this.creaSelectCategoria =
      function (nodo) {
        var categoria = [];
        for (var i = 0; i<this.lista.length; i++) {
            categoria[this.lista[i].categoria] = true;
        }
        var s = '<option value="null" >Seleziona una Categoria </option>';
        for (var i in categoria) {
            s += '<option value="' + i + '">' + i + '</option>';
        }
                return s;
      } 
                /*metodo con cui creo la seconda select "gruppo"*/
        this.creaSelectGruppo =
      function (nodo) {
        var gruppi = [];
        for (var i = 0; i<this.lista.length; i++) {
            gruppi[lista[i].gruppo] = true;
        }
        var s = '<option value="null" >Seleziona un gruppo</option>';
        for (var i in gruppi) {
            s += '<option value="' + i + '">' + i + '</option>';
        }
               
        return s;
      }
         
         
          // crea la lista con gli elementi selezionati precedentemente
    this.cerca2 = function (categoria,gruppo) {
        var risultati = [];
               
          for (var i = 0; i < this.lista.length; i++) {
            if (this.lista[i].categoria == categoria &&
                this.lista[i].gruppo == gruppo )
                                {
              risultati.push(this.lista[i]);
            }
               
                }
        return risultati;
                }
       
        this.cerca1 = function(testo){
                var risultato = [];
                var trovato = 0;
                var i = 0;
               
                while(i<this.lista.length && trovato == 0){
                        if(this.lista[i].nome == testo)
                        {
                                trovato = 1;
                                risultato.push(this.lista[i]);
                        }
                        else
                                i++;
                }
               
                if(trovato == 1)
                        return risultato;
                else
                {
                        risultato[0] = null;
                        return risultato;
                }
        }
       

       
        this.genera = function(valori){  // genera la lista con gli elementi di xml
                var s = "";
       
                if(valori[0] == null)
                        s = "Nessun risultato";
                else{       
                        for(var i = 0; i<valori.length; i++)
                                s = s + '<li><span class="trovato" onclick="mostra(this);">' + valori[i].nome + "  " + '</span><br/><ol class="nascosto"><li class="nopallino2"> <img class="avatar" src='+ valori[i].immagine+'> <br/><br/><p class="titolo4"> Profilo: </p> <p class="bianco">'+ valori[i].profilo +'</p> <p class="titolo4">Apparizione:</p> <p class="bianco">' + valori[i].apparizione +'</p></li></ol></li><br/><br/>';
                }
                return s;       
        }
       
        this.nascondi = function(){
                var liste = document.getElementsByTagName("ol");
               
                for(var i = 0; i<liste.length; i++){
                        if(liste[i].className == "nascosto")
                                liste[i].style.display = "none";
                }
        }
}


// gestore cerca2
function cercaGruppo () {
  var nodoSelectCategoria = document.getElementById("selectCategoria");
  var categoria = nodoSelectCategoria.value;
  var nodoSelectGruppo = document.getElementById("selectGruppo");
  var gruppo = nodoSelectGruppo.value;
  var schede = contenitore.cerca2(categoria,gruppo);
 
  var nodoLista = document.getElementById("lista");
// alert e messaggi d'errore
  if (schede.length > 0) {
      var s = "";
      for (var i = 0; i < schede.length; i++) {
        s += schede[i].genera();
      }
      nodoLista.innerHTML = s;
  }
 
  else if (nodoSelectCategoria.value == "null"){
       
        alert("Completa la selezione");
        }
 
  else if (nodoSelectGruppo.value == "null"){
        alert("Completa la selezione");
        }
 
 
  else {
      nodoLista.innerHTML = "NESSUNA SCHEDA TROVATA";
  }
}




function mostra(nome){

        var testo = nome.nextSibling.nextSibling;
       
        if(testo.style.display == "none")
                testo.style.display = "block"

        else
                testo.style.display = "none"
}

// funzione che cerca le schede relative all'oggetto cercato digitando il nome
function cercaNome(){

        var casella = document.getElementsByTagName("input");
        var nome;
        var elenco = document.getElementById("ricerca");
        var scheda;
       
        nome = casella[0].value;
       
        scheda = contenitore.cerca1(nome);

        elenco.innerHTML = contenitore.genera(scheda);
       
        contenitore.nascondi();
}

// funzione per mostrare tutte le schede
function tutto(){

        var elenco = document.getElementById("ricerca");

        elenco.innerHTML = contenitore.genera(contenitore.lista);
       
        contenitore.nascondi();       
}


var contenitore = new Archivio();


function inizializza(){

        var c1 = document.getElementById("cerca1");
        var c2 = document.getElementById("cerca2");
        var c3 = document.getElementById("cerca3");

        var nodoSelectCategoria = document.getElementById("selectCategoria");
  nodoSelectCategoria.innerHTML = contenitore.creaSelectCategoria();       
var nodoSelectGruppo = document.getElementById("selectGruppo");
  nodoSelectGruppo.innerHTML = contenitore.creaSelectGruppo();       
 
        c1.onclick = cercaNome;
        c2.onclick = cercaGruppo;
        c3.onclick = tutto;
       

       
        var nodo = caricaXML("elenco.xml");
        contenitore.inizializza(nodo);
}

function crea_gruppo(cat, gruppo) {
        var gruppi = {};
        for (var i = 0; i < lista.length; i++) {
                        if(lista[i].categoria==categoria)
                        {
                                gruppi[lista[i].gruppo] = true;
                        }
        }
        var s = '<option value="null"  >Seleziona gruppo</option>';
        for (var i in gruppi) {
           
                        s += '<option value="' + i + '">' + i + '</option>';
        }
               
        document.getElementById("selectGruppo").innerHTML= s;
     
}



window.onload = inizializza;

---