Bildwechsel - Problem mit Zähler

[Heike]

Schonmal vielen Dank für die ausführliche Hilfe! Ein Traum!
So langsam kapier ichs glaub ich.

Ist es so besser? (Funktioniert noch nicht, aber vielleicht bin ich ja schon näher dran...)

var imgs = [  
  {pfad: 'grafics/1.jpg', nummer:1},  
  {pfad: 'grafics/2.jpg', nummer:2},  
  {pfad: 'grafics/3.jpg', nummer:3},  
  {pfad: 'grafics/4.jpg', nummer:4},  
];  
  
imgs.rotate = function (direction) {  
  
  if      (direction > 0) { this.push(this.shift());  }  
  else if (direction < 0) { this.unshift(this.pop()); }  
}  
  
function nextImg(direction) {  
  imgs.rotate(direction);  
  	document.getElementById("bg").src = imgs[0].pfad;  
	document.getElementById("aktuell").innerHTML = "<p>imgs[0].nummer</p>";  
	document.getElementById("alle").innerHTML = "<p>imgs.length</p>";  
}  
  
  
-----------  
  
  
 <div class="navibilder"><script type="text/javascript">		  
	document.write ('<p><a href="javascript:nextImg(- 1)"> &lt; prev<\/a> | <a href="javascript:nextImg(1)">next &gt;<\/a><\/p>');</script> </div>  
			  
<div id="aktuell"></div> <div id="alle"></div>  
  
<div><img id="bg" src="grafics/1.jpg"></div>