Portare div in primo piano

[noahgordon]

Salve a tutti,
ho un gruppo di n div, di cui alcuni possono essere visibili mentre altri nascosti. I livelli visibili sono in parte sovrapposti e vorrei fare in modo che cliccando sulla parte visibile di uno di questi, questi si porti in primo piano (in pratica come se avessimo diverse finestre di windows aperte e ridimensionate). Ho cercato un bel po', ma quelle che ho trovato sono solo funzioni che staticamente assegnano ad un livello sempre uno stesso valore di z-index (es. 150) e questo ovviamente non mi va bene (a meno che questo valore non possa essere stabilito in modo da essere ogni volta il più alto tra tutti i livelli!).
Occorrerebbe una funzione che ogni volta assegna al livello in questione lo z-index più alto, magari diminuendo di una unità lo z-index di tutti gli altri (mantenendo così i rapporti di sovrapposizione esistenti) e assegni a quest'ultimo lo z-index più elevato che ha trovato tra tutti i livelli.
Qualcuno mi può aiutare?
Grazie mille!

[noahgordon]

Allora, forse ho fatto qualche passettino in avanti.
Ho trovato in rete questa funzione:

function makeTop(){
topZ=0;
for (z=0;z<menuLoc.document.all.length;z++){
topZ = Math.max(menuLoc.document.all(z).style.zIndex,topZ )
}

}

Questa dovrebbe assegnare alla variabile topZ il valore più alto della z-index trovato nella pagina.

E quindi volevo, con la funzione:

function avanti(id)
{
document.getElementById(id).style.zIndex = topZ + 1;
}

assegnare al livello argomento della funzione il valore più alto maggiorando la topZ di 1.

Tuttavia lo script non funziona; che pasticcio sto combinando?

Ho messo nella head le due funzioni, mentre associo all'evento onClick del div la funzione avanti('iddellivello').

Cosa sbaglio?