Imagemap mit JS zuweisen

[Christian Dietze]

Hallo an alle,
Ich habe ein kleines JavaScript welches bei aufruf je nach aktuellem status die einem img-Tag eine andere Quelle (.src) und eine andere ImageMap (.usemap) zuordnet, nach dem laden der Seite wird erstmal der Status "alles" gesetzt. Das ganze soll eine Art Detailansicht werden.

Nun habe ich folgendes Problem wenn ich vom Status alles in den Status rechts wechsel stürzt mir der IE ohne angabe von Fehlern ab.
Gehe ich jedoch über den Status links funktionierts (alles > links > rechts). Ich konnte den Fehler etwas eingrenzen. Wenn ich die Zeile document.all.pic_bild.useMap ="#map_rechts" auskommentiere stürzt der IE nicht ab jedoch habe ich dann keine brauchbare Imagemap.

Kann mir jemand helfen ich komme absolut nicht weiter.

mfg Christian

<!-- + Imagemaps ++++++++ -->
  <map id="map_alles" name="map_alles">
    <area shape="rect" coords="1,1,300,325" href="javascript:set_status('links');"  alt="Ausschnitt vergrößern"><!--links-->
    <area shape="rect" coords="301,1,599,325" href="javascript:set_status('rechts');" alt="Ausschnitt vergrößern"><!--rechts-->
  </map>
  <map id="map_links" name="map_links">
    <area shape="poly" coords="574,47,549,69,549,58,503,58,503,36,549,36,549,26,574,47" href="javascript:set_status('rechts');" alt="Zum rechten Kartenausschnitt"><!--rechts-->
  </map>
  <map id="map_rechts" name="map_rechts">
    <area shape="poly" coords="25,47,50,25,50,37,96,37,96,58,50,58,50,68,25,47" href="javascript:set_status('links');"  alt="Zum linken Kartenausschnitt"><!--links-->
  </map>

<!-- + HTML +++++++++++++ -->
  <div id="div_zuruck" style="visibility: hidden;text-align:center;">
    <a id="lnk_zuruck" href="javascript:set_status('alles');" alt="">Zurück zur Übersicht</a><br>
  </div>
  <div id="div_bild"  style="visibility: visible;">
    <img id="pic_bild" src="_images/winter_alles.jpg" border="0" usemap="#map_alles" alt="">
  </div>
<!-- + JAVA Script ++++++ -->
  <script Language="Javascript" type="text/javascript">
    <!--
    function set_status(s) {
      switch (s) {
        case "links":
          document.all.pic_bild.src = '_images/winter_links.jpg';
          document.all.pic_bild.useMap = '#map_links';
          document.all.div_zuruck.style.visibility = "visible";
          break;

case "alles":
          document.all.pic_bild.src= '_images/winter_alles.jpg';
          document.all.pic_bild.useMap = '#map_alles';
          document.all.div_zuruck.style.visibility = "hidden";
          break;

case "rechts":
          document.all.pic_bild.src= '_images/winter_rechts.jpg';
          document.all.pic_bild.useMap = '#map_rechts';
          document.all.div_zuruck.style.visibility = "visible";
          break;
      }
    }

set_status('alles');
    // -->
  </script>