mehrere voneinander abhängige Dropdown-Listen

[orb]

Hallo zusammen,

Ich möchte mehrere voneinander abhängige Auswahllisten erstellen, d.h. nachdem ich in der ersten Auswahlliste eine Option gewählt habe, soll die zweite Auswahlliste dynamisch gefüllt werden usw.
Am ende sollen auf diesem Wege 5 Auswahllisten entstehen. Hier ein Ausschnitt aus meinem Code.

<script language="Javascript">
<!-- Start

function kategorie_anzeigen()
{
var kategorieAuswahl = document.forms.verzeichnis.kategorie;
var unterpunkteAuswahl = document.forms.verzeichnis.unterpunkte;

if (kategorieAuswahl.options[kategorieAuswahl.selectedIndex].value=="AD-Gruppe")
 unterpunkteAuswahl.options[0] = new Option("Bereich");

else if (kategorieAuswahl.options[kategorieAuswahl.selectedIndex].value=="Filesystem")
 unterpunkteAuswahl.options[0] = new Option("Server");
}

function unterpunkte_anzeigen(){
var unterpunkteAuswahl = document.forms.verzeichnis.unterpunkte;
var punkteAuswahl = document.forms.verzeichnis.punkte;

if (unterpunkteAuswahl.options[unterpunkteAuswahl.selectedIndex].value=="Bereich"){
 punkteAuswahl.options[0] = new Option("Gruppenname");
}
else if (unterpunkteAuswahl.options[unterpunkteAuswahl.selectedIndex].value=="Server"){
 punkteAuswahl.options[0] = new Option("Share");
}
}
...

</script>

<form name="verzeichnis">
<select size="1" name="kategorie" onchange="kategorie_anzeigen()">
<option value="AD-Gruppe" selected>AD-Gruppe</option>
<option value="Filesystem">Filesystem</option>
</select>
<SELECT NAME="unterpunkte" onChange="unterpunkte_anzeigen()" >
<option selected>Bereich</option>
</select>
<select name="punkte" >
<option selected>Gruppenname</option>
</select>
</form>
...

Problem bei der ganzen Sache, das ganze funktioniert nur bei den ersten beiden Auswahllisten. Bereits bei der dritten kann ich nichts mehr auswählen.Wäre für jegliche Hilfe dankbar.

Gruß
orb