Bildquelle zeitverzögert ändern

[mephisto]

Hallo,

ich möchte, bzw. mein Auftraggeber möchte, dass ein Gesicht auf der Startseite 5x zwinkert. Ich habe einmal das Bild normal, und einmal als Zwinkern.
Ich würde demnach 3000ms lang das normale Gesicht zeigen, dann 300ms das zwinkernde. Darauf folgt wieder das normale Gesicht, das wieder 3000ms bleibt und 300ms zwinkert.
Diese Werte kann ich ja immer noch abändern, wenn es noch nicht gut aussehen sollte.

Diesen Code habe ich bisher. Nach ungefähr 5 Sekunden zwinkert das Gesicht einmal, und bleibt so. Irgendwas mache ich falsch, ich komme aber nicht drauf:

~~~html <div id="seite">
  <img id="logo" src="bilder/sadf logo_transparent.png">
 </div>

  
  
 `<script type="text/javascript">`{:.language-html}~~~javascript
  
  function logo(a)  
  {  
    if(a==1)  
     document.getElementById("logo").src="bilder/sadf logo_transparent_zwinker.png";  
    else  
     document.getElementById("logo").src="bilder/sadf logo_transparent.png";  
  }  
  
  
  for(var a=0; a<=5; a++)  
  {  
   window.setTimeout("logo(1)", 3000);  
   window.setTimeout("logo(0)", 300);  
  }  
  
  
 
~~~`</script>`{:.language-html}  
  
Lieben Gruß  
mephisto