Witam mam na stronie coś takiego

[HTML] pobierz, plaintext 
- obrazek o id "image1"
- rząd miniaturek około 15 minimum w sliderze (a href="" class=""><img src=""></a>)
[HTML] pobierz, plaintext 

Potrzebuje zrobić taką sztuczkę , że jeśli ktoś kliknie w miniaturkę np 8 to zdjęcie powyżej (image1) zmieni się (wyświetli zdjęcie numer 8 duże dlatego ważne jest to , że muszę podać adres.

Próbowałem to zrobić tak :

[PHP] pobierz, plaintext 
<?
     $f=$sql->mfarray($q1);
     echo'<img src="'.$f['photo_full_url'].'" id="rollover" >';
   ?>
 
<div style="clear:both;"></div>
    <div id="b1" class="scrollButton scrollInactive" onmouseout="scrollStop(); " onmouseup="scrollStop(); " onmousedown="scrollStart('left'); ">
	<font size="2"><b>&laquo;</b></font></div>
   <div id="divx">
   <?
   while($d=mysql_fetch_array($q1)){
     echo'<img src="'.$d['photo_mini_url'].'" border="0" class="photo" onclick=\'rollover.src="'.$d['photo_full_url'].'"\'>';
   }
   ?>
   </div>
[PHP] pobierz, plaintext 

Jednak niestety zdjęcie nie zmienia się.
Czy ktoś może jest w stanie pomóc mi rozwiązać ten problem (

Pozdrawiam Kamil

PS. Jestem początkującym jeśli chodzi o JS