Ændre HREF- og to gange innerHTML-værdier ved onclick

Hej eksperter. Jeg er helt ny i JavaScript, og har lidt problemer med at få ændret nogle værdier ved onclick.

Jeg har en række billeder jeg henter fra en database med name="myImages". Alle dem vil jeg gerne skjule, og så printe thumbs af dem på ny i en lang række i en bar så jeg får et output som flg.: <span id="large"><img ...><img ...></span>. Under denne bar er der det første af billederne fra baren i stort format.

Når man klikker på et af billederne i baren, ønsker jeg at skifte billedet i stort format til det man klikker på (det har jeg klaret ved: onclick="changePhotoSrc(this.href);") og det virker fint.

Nu vil jeg så yderligere også gerne kunne sende det lille billedes ID og ALT til nederst på siden i:
<div id="model"></div>
<div id="beskrivelse"></div>
Dette har jeg forsøgt ved at indsætte flg. i onclick (uden held):
document.getElementById('model').innerHTML=document.images[i].alt;
document.getElementById('beskrivelse').innerHTML=document.images[i].id;
Dette virker til dels, for når jeg klikker på det lille billede bliver infoen sendt ned i de to <div>'er. Problemet er bare at det altid er ID og ALT fra det første billede i baren der bliver sendt. :s

Til sidst vil jeg også gerne ved onclick på et af de små billeder sende det lille billedes sti, ned i HREF i det anchor der rammer det store billede (<a href=\"" + document.images[i].src + "\" rel=\"lightbox[myImages]\"><img id=\"photo\" src=\"" + document.images[i].src + "\" style=\"height: 300px;\" alt=\"\"></a>).

Hvordan gør jeg det? Håber ikke det det er helt uoverskueligt, så må I lige spørge.

Min kilde:
----------
<div id="cont">
<div id="large">
<span id='bidon'><script type="text/javascript">
for(var i = 0; i < document.images.length; i++)
{
  if(document.images[i].name == "myImages")
  {

// Her forsøger jeg at skjule mit billede, og så printe det på ny

    document.images[i].style.display="none";
    document.write("<a href=\"" + document.images[i].src + "\" rel=\"lightbox[myImages]\"><a href=\"" + document.images[i].src + "\" onclick=\"changePhotoSrc(this.href);document.getElementById(model).innerHTML=document.images[i].alt;
document.getElementById(beskrivelse).innerHTML=document.images[i].id;return false;\" name=\"" + document.images[i].model + "\" id=\"" + document.images[i].beskrivelse + "\"><img src=\"" + document.images[i].src + "\" height=\"100\" alt=\"" + document.images[i].id + "\"></a></a>");
  }
}
</script></span>
</div>
<div id="photo">
<script type="text/javascript">

// Her ønsker jeg at printe det første af billederne fra <span id="large"> i større format

for(var i = 0; i < document.images.length; i++)
{
  if(document.images[i].name == "myImages")
  {
    document.write("<a href=\"" + document.images[i].src + "\" rel=\"lightbox[myImages]\" id=\"myImages\"><img id=\"photo\" src=\"" + document.images[i].src + "\" style=\"height: 300px;\" alt=\"\"></a>");
    break;
  }
}
</script>
</div>
<div style="float:right;width:350px;">
<div id="model"></div>
<div id="beskrivelse"></div>
</div>
</div>