var bild_clicked = 0;

var bilder = {};

// der code dient dazu, um die bilder in den browser cache zu laden

bilder.bild_0_out = new Image();

bilder.bild_0_out.src = "images/thebars1.png"; // normal, wie onmouseout



bilder.bild_0_click = new Image();

bilder.bild_0_click.src = "images/thebars3.png"; //click



bilder.bild_0_over = new Image();

bilder.bild_0_over.src = "images/thebars2.png"; //over



bilder.bild_1_out = new Image();

bilder.bild_1_out.src = "images/recipes1.png";



bilder.bild_1_click = new Image();

bilder.bild_1_click.src = "images/recipes3.png";



bilder.bild_1_over = new Image();

bilder.bild_1_over.src = "images/recipes2.png";



bilder.bild_2_out = new Image();

bilder.bild_2_out.src = "images/onlineshop1.png";



bilder.bild_2_click = new Image();

bilder.bild_2_click.src = "images/onlineshop3.png";



bilder.bild_2_over = new Image();

bilder.bild_2_over.src = "images/onlineshop2.png";









function wechsel2(bild_nummer, event) {

  document.images[bild_nummer+8].src = bilder["bild_" + bild_nummer + "_" + event].src;

}



function wechsel(bild_nummer, event) {

  if (event == "click") {

    if (bild_clicked != null) {

      wechsel2(bild_clicked, "out"); // das vorige bild wieder herstellen

    }

    bild_clicked = bild_nummer; // und das geklickte bild merken

    wechsel2(bild_nummer, event); // das neue bild �ndern

  }

  else { // f�r mouverover und mouseout

    if (bild_nummer != bild_clicked) { // wenn das aktuelle bild nicht geklickt wurde

      wechsel2(bild_nummer, event);

    }

  }

 }