rollover disgiunto

[Persiano]

Ciao a tutti, vi richiedo un mega aiutone per un rollover disgiunto che dovrei inserire in una mia pagina web.

Vi spiego che cosa ho bisogno di fare:

Ho un totale di 8 immagini sulla mia pagina web.

Al passaggio del mouse su ognuna di queste 8 immagini, l' immagine stessa dovrebbe cambiare colore (nuova immaginaA e allo stesso tempo sia fungere da link verso una pagina web, sia crearmi un altra immagine di rollover su un altra parte della mia pagina (però non nella stessa posizione di questa immagine.)

La cosa si deve ripetere per 8 volte viste le 8 immagini.

Inoltre, di default, se non passo con il mouse su nessuna delle mie 8 immagini, ci deve essere sempre un logo (che non è una delle 8 immagini)

Come si fa?

Qualcuno ha un esempio o tutorial che posso scaricare o vedere?

Grazie a tutti mi salvate!!!

[kluster]

dunque le immagini appartengono alla collection document.images
i link a quella document.links

document.images[IDIMMAGINE].src='';
attribuisci un nuovo sorgente all'immagine

quindi es. spicciolo:

d = document;
function changeLink(refLink,newHref)
{

var myLink = d.getElementById?d.getElementById(refLink):d.links[refLink];
myLink.href= newHref;
}
function changeImg(refImg,newSrc)
{

var myImg= d.getElementById?d.getElementById(refLink):d.images[refLink];
myImg.src= newSrc;
}
function changeAll(idLink,newHref,idImg,newSrc)
{
 changeLink(idLink,newHref);
 changeImg(idImg,newSrc);
}

es.

[img]pippo.gif[/img]
...
[img]franco.gif[/img]
....
[img]pippolini.gif[/img]

da ampliare cmq farei + o meno in quel modo

[Persiano]

Grazie mille ora ci provo!!!