Hjælp til træmenu

Lidt script:

function getElm(ID) {
  if (document.getElementById) {
    return document.getElementById(ID);
  }
  else {return null;}
}

function lag(lagnavn, fortegn)
    {
        fTegn = getElm(fortegn);
        lNavn = getElm(lagnavn);
        if (lNavn.style.display == 'none')
            {
                menuTjenester.style.display = 'none';
                menuBFMB.style.display = 'none';
                menuVejviser.style.display = 'none';
                menuSupport.style.display = 'none';
                lNavn.style.display = 'block';
                fTegn.innerHTML = '- ';
            }
        else
            {
                lNavn.style.display = 'none';
                fTegn.innerHTML = '+ ';
            }
    }

Lidt HTML:

<!--Ny gruppe-->
        <div class="group">
            <!--Gruppe overskrift-->
            <span onClick="lag('menuTjenester','fortegnTjenester')">
                <span id="fortegnTjenester">+&nbsp;</span>
                Tjenester
            </span>
            <!--Links-->
            <div id="menuTjenester" class="links" style="display:none;">
                <a href="">Mail</a>
            </div>
        </div>
<!--Ny gruppe-->
        <div class="group">
//Kode udeladt. Samme som ovenstående gruppe. Og sådan fortsætter vi.
        </div>

Jeg har 2 ønsker, der skal kunne fungere i både IE, Firefox og Opera.

1: Der skal kunne laves undergrupper. På samme måde som her: http://privat.tdc.dk/artikel.php?dogtag=tdc_p_int_bolignet_prod

2: Jeg skal have menuen til kun at have en hovedgruppe åben af gangen. Så når man klikker på en anden hovedgruppe, skal den hovedgruppe man er inde i lukke samt dens undergrupper.