Sovrapposizione immagini ripetuta

[ivanisevic82]

Ciao ragazzi, vorrei creare un effetto di sovrapposizione di immagini, ci sono riuscito solo in parte.

Andate a vedere: http://www.ivanisevic82.com/pages/prova3.php#

Cliccate prima su "blu", spunterà un quadrato blu.
Poi su "arancione", ne spunterà uno arancione.

Ma se io voglio tornare a quello blu, cliccando nuovamente "blu" il quadrato non torna.

Come posso fare?

Il codice usato finora è il seguente:

<div>(Blu)</div>
<div>(Arancione)</div>
<div style="display: none;" id="Blu"></div>
<div style="display: none;" id="Arancione"></div>

#Blu{
position: absolute;
top: 300px;
height: 128px;
width: 128px;
background-image: url(/media/1.jpg);
}

#Arancione{
position: absolute;
top: 300px;
height: 128px;
width: 128px;
background-image: url(/media/2.jpg);
}

Grazie per l'aiuto!

PS Forse si dovrebbe fare un "fadeTo" da blu ad arancione e viceversa, ma non saprei come scriverlo!
E' solo un ipotesi, mi affido a voi esperti!

[ivanisevic82]

Up...

Esiste un comand JS che dice "cliccando qui, passi dall'immagine A all'immagine B".

Fondamentalmente è questo che mi serve!

Grazie!

[ivanisevic82]

Può essere che il motivo per cui non riesco a ricaricare il fadein è legato al fatto che prima devo fare un "callback" e riportare tutto allo stato di partenza?
(io non capisco quasi niente di js, non vorrei aver detto una cavolata, ditemi voi).