.jpg in einem array ein title mitgeben

[maggie]

...so,in der function chgImg(no)
soll zum 2. Bild gewechselt werden, da das erste Bild in der HTML schon angezeigt wird. Die Anzeige des Bildtitels muss für das 1. Bild erfolgen bilder[0]. Die for-Schleife zählt immer ein Bild hoch bis das letzte (hier das 2. Bild) erreicht ist und beginnt dann wieder von vorne.

Ist das soweit richtig? Wo ist der nächste gravierende Fehler?

Gruß
Maggie

~~~javascript <script type="text/JavaScript">

//BILDARRAYS
var bilder=new Array(
{
src: "bild1.jpg",
title: "title 1"
},
{
src: "bild2.jpg",
title: "title 2"
}
);
bilder[0]["src"] = "bild1.jpg"
bilder[0]["title"] = "bild1.jpg"
bilder[1]["src"] = "bild2.jpg"
bilder[1]["title"] = "bild2.jpg"

var das_bild = document.getElementById('imgBild');

function chgImg(no) {
   das_bild.src = bilder[1];
 das_bild.title = bilder[0];
  for (var x=0;x<2;x++) {
    document.getElementById('quadrat'+x).style.backgroundColor='';
    document.getElementById('quadrat'+x).style.border ='solid #999999 1px';
   }
  document.getElementById('quadrat'+no).style.backgroundColor='#FFFFFF';
   document.getElementById('quadrat'+no).style.border='none';

no++;
  if (no==2) {
   no=0;
   }
   das_bild.onclick = new Function("chgImg("+no+")");
    }
</script>

~~~html
<div id="bildbox">  
  <img src="bild1.jpg" width="400" height="300" id="imgBild" onclick="chgImg(1);" />  
   <div id="quadrat2" class="quadrat" onClick="chgImg(1);"></div>  
   <div id="quadrat1" class="quadrat" style="background-color:#FFFFFF; border-color:#FFFFFF;" onClick="chgImg(0);"></div>  
  </div>