Zu blöd - finde/verstehe meinen Fehler nicht

[Sanjoy]

Hallo liebe Helfer,

folgender Auszug aus meinem Script:

var buttonImg = new Array()
    buttonImg[0]=new Image();
    buttonImg[0].src="images/subTableExpandButton.png";
    buttonImg[1]=new Image();
    buttonImg[1].src="images/subTableCollapseButton.png";

function change(n)
{
 var SubRows = document.getElementById('tr'+n).getElementsByTagName('tr');
 var SubImages = document.getElementById('tr'+n).getElementsByTagName('img');

if (document.getElementById('tr'+n).style.visibility  != 'collapse')
 {
  document.getElementById('tr'+n).style.visibility  = 'collapse';
  document.getElementById('img'+n).src = buttonImg[0].src;
  for (var j=0; j<=SubImages.length; j++){
    if (SubImages[j].src == buttonImg[1].src)
    {var test='hallo'; }
  }
  for (var i=0; i<=SubRows.length; i++){
    if (SubRows[i].style.visibility == 'visible')
    {
     SubRows[i].style.visibility = 'collapse';
   }
  }
 } else {
  document.getElementById('tr'+n).style.visibility  = 'visible';
  document.getElementById('img'+n).src = buttonImg[1].src;
 }
}

Die Aktionen, die die zweite For-Schleife machen soll, funktionieren nicht, wenn ich in der ersten For-Schleife die oben stehende If-Abfrage stehen hab. Wenn ich es so hinschreibe, funktioniert es:
  for (var j=0; j<=SubImages.length; j++){

}
  for (var i=0; i<=SubRows.length; i++){
    if (SubRows[i].style.visibility == 'visible')
    {
     SubRows[i].style.visibility = 'collapse';
   }
  }
Verstehe den Fehler nicht, kann doch nur ein Syntaxfehler sein - zu blöd - Brett vorm Kopf!

Vielen Dank und liebe Grüße
Sanjoy