Hjælp til billede

Hej eksperter.

Jeg har denne kode:

<!-- Koden som er sat her er den som laver et array med alle de passende billeder -->
<script type="text/javascript">
// Arrayet med alle billederne
  var imgArr = [<?
while ($row2 = mysql_fetch_array($query2)) {
$a = array($row2['billede']);
foreach ($a as $v) {
$billede = "'" . $v . "',";
echo $billede;
}
} ?>];
// Laver arrayet med thumbnailsne
  var imgThumbArr = [<?
while ($row3 = mysql_fetch_array($query4)) {
$a = array($row3['thumb']);
foreach ($a as $v) {
$thumb = "'" . $v . "',";
echo $thumb;
}
} ?>];
// Navnet på det billede der skal skiftes i
  var bigImageName = "sbillede";
// Fortæller hvilket billede den skal tage i arrayet som skal være det første store billede hvis der ikke er valgt et
  var activeImg = imgArr[0];
// Funktionen der gør det muligt at skrifte mellem billederne
  function changeImg(elm) {
        t = activeImg;
        document.images[bigImageName].src = activeImg = elm.src;
        elm.src = t;
  }
</script>

<img src="<? echo $billede1 ?>" name="sbillede" style="width:400px;height:300px" />
<script type="text/javascript">
// Dette kode skriver billederne ud
  document.write("<div>");
  for (i=0;i<4;i++) {
        if (imgArr[i] != activeImg) {document.write("<img src='"+imgArr[i]+"' style='width:120px;height:90px;cursor:hand;' onclick='changeImg(this)' />");}
  }
  document.write("</div>");
</script>


Som laver en form for galleri som ved QXL.dk hvor der er nogle små billeder under et stort billede. Når man så klikker på det lille billede så kommer det op i det store billede, og det store billede kommer ned i det lille billede man trykkede på..


Nu vil jeg gerne høre hvordan jeg får lavet den til at den i de små billeder viser thumbnails og lige så snart man klikker på det lille billede så bliver det til det alm. billede..

Jeg henter et array med alm billeder der hedder "ImgArr" og thumbs bliver hentet i "ImgThumbsArr"