Lauflicht durch JavaScript

[dameiers]

Hallo beschäftige mich seit kurzem mit JS und habe nun ein Problem bei dem ich Hilfe bräuchte.
Ich möchte eine Art Lauflicht durch austauschen von 2 unterschiedlichen Grafiken erzeugen!! Bisher hab ich folgendes:

bildaus = new Image();
bildaus.src = "images/k_gelb.jpg";

bildan = new Image();
bildan.src = "images/k_rot.jpg";

var stelle = 0;
var timer = 0;

function blink()
{
  for(var i=0; i<4; i++)
  {
    timer = setTimeout('faerbe('+i+')', 2000);
    //alert();
  }
}

function faerbe(pos)
{
  document.images[pos].src = bildan.src;
  clearTimeout(timer);
}

Gedacht habe ich mir, dass ich bei jedem Schleifendurchlauf (in der Funktion blink()) durch setTimeout nach einer gewissen Zeit die Funktion faerbe() aufrufe und so jedes Bild nacheinander mit dem Zeitabstand von SetTimeout färbe.

Allerdings läuft lediglich einmal der Timer ab und dann werden sofort alle grafiken "gefärbt"

Ich weis nicht wirklich was ich falssch mache und wäre um Hilfe sehr dankbar!!