menu a tendina aiuto x modifca sostanziale [importante!!]

[ThePenguin]

salve a tutti,

io ho bisogno di introdurre all'interno di un sito questo menù che ho tratto da internet...

div
{
    font: Normal 11px Verdana;
}
#MENU_CONTAINER
{
    width: 190px;
}
a.MENU
{
    display: Block;
    position: Relative;
    background: #EEEEEE;
    color: #000000;
    font-weight: Bold;
    text-decoration: None;
    padding: 3px 3px 3px 3px;
}
a.MENU:hover
{
    display: Block;
    position: Relative;
    background: #CCCCCC;
    color: #000000;
    font-weight: Bold;
    text-decoration: None;
}
a.SMENU
{
    display: Block;
    position: Relative;
    color: #000000;
    text-decoration: None;
    padding: 3px 3px 3px 3px;
}
a.SMENU:hover
{
    display: Block;
    position: Relative;
    background: #EEEEEE;
    color: #000000;
    text-decoration: None;
    padding: 3px 3px 3px 3px;
}
div.SMENU
{
    visibility: Hidden;
    position: Absolute;
    margin: -21px 0px 0px 190px;
    background: #EEEEEE;
    width: 190px;
}

[code]

<script>

function ApriMenu(i)
{
document.getElementById("SM" + i).style.visibility = "Visible";
}
function ChiudiMenu(i)
{
document.getElementById("SM" + i).style.visibility = "Hidden";
}

</script>

il mio unico problema e che ora mi dovrei personalizzarlo x quanto riguarda il numero di livelli di tendine...

in breve il codice preso così com'è fa apparire una sola tendina al finaco di ogni voce del blocco principale mentre io avrei bisogno di far apparire altre tendine che mi corrispondano a sottolivelli della stessa categoria quindi prendendo in esame il codice

<div id="MENU_CONTAINER">
    <div onmouseover="ApriMenu(1)" onmouseout="ChiudiMenu(1)">
        Link # 1
        <div id="SM1" class="SMENU">
            Voce # 1
            Voce # 2
            Voce # 3
            Voce # 4
            Voce # 5
        </div>
    </div>
</div>

con il relativo foglio di stile e le due funzioni di chiusura ed apertura della tendina in js cosa dovrei fare per creare sottolivelli al div con id sm1, partendo dal presupposto che io qui ho copiato il codice di una sola tendina, mentre nel mio caso specifico ho 14 blocchi, 14 tendine, e quindi arrivo ad avver id=sm14 e link14 come voce del blocco principale.
Nello specifico avrei bisogno di creare una struttura in maniera che alcune voci possano avere 2 tendine che si espandono, altre 3 tendine ed altre ancora invece rimanere così come da esempio.

purtroppo io conosco molto poc il linguaggio dhtml... qualcuno potrebbe darmi una mano per favore?


Grazie mille!

[ThePenguin]

nessuno che mi possa aiutare?