Gallery in javascript

[stewe19]

Ciao a tutti!

ho un problema un javascrpt e non essendo molto abile in questo tipo di programmazione vorrei sapere come poter far funzionare un codice che ho utilizzato in una gallery dove ho una serie di thumb che, cliccandoci sopra, mi devono aprire le rispettive immagini ingrandite,
Per fare questo ho inserito tutte le immagini grandi una sopra l'altra dandogli una classe invisibile e , quando poi vado a cliccare sulla rispettiva thumb attivo un codice javascript che mi "visibilizza" la sua immagine grande.

Il codice è questo:

function apriModifica(id){
document.getElementById('modifica'+id).className=" ";
}

cosi quando clicco su una thumb il javascript "toglie" la classe invisibile all'immagine grande che è associata(quindi che ha lo stesso id) e me la visualizza,
il problema è che dopo che ad esempio clicco sulla thumb numero 5 e poi voglio cliccare sulla numero 3 non me la visualizza perchè l'immagine è situata sotto la 5.
Quindi devo dirgli di rimettere a tutte le immagini la classe invisibile tranne che a quella su cui ho cliccato.

[webatwork]

function apriModifica(id){
    for (i = 1; i < numerofoto; i++) {
        if (i != id)
            document.getElementById('modifica'+i).className="invisibile";
        else
            document.getElementById('modifica'+i).className="";
    }
}

Questo se hai tutte le foto numerate in serie sennò crea un' array e fai un foreach