Hintergrund ändern

[weedo]

Hi,

ich habe mal wieder ein Problem mit meinem kleinem Script, das ich mir nicht erklären kann.

Das Ganze soll einen Header mittels JQuery ausfaden lassen und im Anschluss das Hintergrundbild ändern. Später soll alles automatisiert werden, dass die Seite alle 60 Sekunden oder so seinen Header ändert.

Mein Problem ist, dass der Hintergrund aber nicht geändert wird. Was ist mein Fehler?

<script src="http://code.jquery.com/jquery-latest.js"></script>
    <script>
      var counter = 0;
      function klicker() {
        if(counter == 0) {
          counter = 1;
        }
        setTimeout("fader()",500);        
      }
      function fader() {
        switch(counter) {
          case 1:
            $("fade1").next().stop().fadeOut("slow");
            setTimeout("zuweisung('fader2', 'Bilder/v2_3_01.gif', 'fader1', 'fader3')", 600);
            counter = 2;
          break;
          case 2:
            $("fade2").next().stop().fadeOut("slow");
            setTimeout("zuweisung('fader3', 'Bilder/v2_1_01.gif', 'fader2', 'fader1')", 600);
            counter = 3;
          break;
          case 3:
            $("fade3").next().stop().fadeOut("slow");
            setTimeout("zuweisung('fader1', 'Bilder/v2_2_01.gif', 'fader2', 'fader3')", 600);
            counter = 1;
          break;
        }
      }
      function zuweisung(obj1, obj2, obj3, obj4) {
        document.getElementById(obj3).style.display = "none";
        document.getElementById(obj4).style.display = "none";
        document.getElementById(obj1).style.display = "none";
        document.getElementById("header").style.background = "url('" + obj2 + "');";
        alert(document.getElementById('header').style.background);
      }
    </script>
<div id="header" style="width:930px; height: 156px;">
        <fade1></fade1>
          <div id="fader1" style="background: url('Bilder/v2_1_01.gif'); height: 156; width: 930px; display: block;">
            <img src="Bilder/Abstandhalter.gif" width="930" height="156" border="0" usemap="#Map" />
          </div>
        <fade2>
        </fade2>
          <div id="fader2" style="background: url('Bilder/v2_2_01.gif'); height: 156; width: 930px; display: none;">
            <img src="Bilder/Abstandhalter.gif" width="930" height="156" border="0" usemap="#Map" />
          </div>
        
        <fade3>
        </fade3>
          <div id="fader3" style="background: url('Bilder/v2_3_01.gif'); height: 156; width: 930px; display: none;">
            <img src="Bilder/Abstandhalter.gif" width="930" height="156" border="0" usemap="#Map" />
          </div>
      </div>

Das Alert gibt nichts aus. Nichtmal ein undefiniert.

Für Hilfe wäre ich sehr Dankbar, da ich gerade etwas verzweifel.

Lg weedo


//edit

Ich habe vergessen zu erwähnen, dass der Header zur Zeit noch nicht angezeigt werden soll, damit ich sehe ob der Hintergrund sich verändert. Eigentlich heißt es

document.getElementById(obj1).style.display = "block";