<!-- OnMouseOver in JavaScript und DHTML-Effekt -->
<!-- written by Markus Wolf copyright(www.megapc-computer.de) 24.11.2004 ***DIESER HINWEIS DARF NICHT ENTFERNT WERDEN!!!*** -->

<!-- Alle Bilder cachen -->
var pic = new Array();
pic[1]  = "img/nav1a.jpg";
pic[2]  = "img/nav2a.jpg";
pic[3]  = "img/nav3a.jpg";
pic[4]  = "img/nav4a.jpg";
pic[5]  = "img/nav5a.jpg";
pic[6]  = "img/nav6a.jpg";
pic[7]  = "img/arrow2.gif";
pic[8]  = "img/select_active2.jpg";
pic[9]  = "img/select_youth2.jpg";
var allPics = pic.length -1;
var cache = new Array();
for(var i = 1; i < allPics +1; i++)
{
  cache[i] = new Image();
  cache[i].src = pic[i];
}

<!-- Array mit dem ersten Bildwechsel -->
var onImages = new Array();
function onmouseover1(button1, imgpath)
{
  onImages[button1] = new Image();
  onImages[button1].src = "img/nav1a.jpg";
}
function turnOn(button1)<!-- WICHTIG!, stehts Befehl "turnOn/turnOff verwenden, sonst keine Zuweisung zu Netscape/Mozilla möglich -->
{
  if (document.images[button1].filters != null)
  document.images[button1].filters[0].apply();
  document.images[button1].offSrc = document.images[button1].src;
  document.images[button1].src = onImages[button1].src;
  if (document.images[button1].filters != null)
  document.images[button1].filters[0].play();
}
function turnOff(button1)
{
  if (document.images[button1].filters != null)
  document.images[button1].filters[0].apply();
  document.images[button1].src = document.images[button1].offSrc;
  if (document.images[button1].filters != null)
  document.images[button1].filters[0].play();
}

<!-- Array 2 -->
var onImages = new Array();
function onmouseover2(button2, imgpath)
{
  onImages[button2] = new Image();
  onImages[button2].src = "img/nav2a.jpg";
}
function turnOn(button2)
{
  if (document.images[button2].filters != null)
  document.images[button2].filters[0].apply();
  document.images[button2].offSrc = document.images[button2].src;
  document.images[button2].src = onImages[button2].src;
  if (document.images[button2].filters != null)
  document.images[button2].filters[0].play();
}
function turnOff(button2)
{
  if (document.images[button2].filters != null)
  document.images[button2].filters[0].apply();
  document.images[button2].src = document.images[button2].offSrc;
  if (document.images[button2].filters != null)
  document.images[button2].filters[0].play();
}

<!-- Array 3 -->
var onImages = new Array();
function onmouseover3(button3, imgpath)
{
  onImages[button3] = new Image();
  onImages[button3].src = "img/nav3a.jpg";
}
function turnOn(button3)
{
  if (document.images[button3].filters != null)
  document.images[button3].filters[0].apply();
  document.images[button3].offSrc = document.images[button3].src;
  document.images[button3].src = onImages[button3].src;
  if (document.images[button3].filters != null)
  document.images[button3].filters[0].play();
}
function turnOff(button3)
{
  if (document.images[button3].filters != null)
  document.images[button3].filters[0].apply();
  document.images[button3].src = document.images[button3].offSrc;
  if (document.images[button3].filters != null)
  document.images[button3].filters[0].play();
}

<!-- Array 4 -->
var onImages = new Array();
function onmouseover4(button4, imgpath)
{
  onImages[button4] = new Image();
  onImages[button4].src = "img/nav4a.jpg";
}
function turnOn(button4)
{
  if (document.images[button4].filters != null)
  document.images[button4].filters[0].apply();
  document.images[button4].offSrc = document.images[button4].src;
  document.images[button4].src = onImages[button4].src;
  if (document.images[button4].filters != null)
  document.images[button4].filters[0].play();
}
function turnOff(button4)
{
  if (document.images[button4].filters != null)
  document.images[button4].filters[0].apply();
  document.images[button4].src = document.images[button4].offSrc;
  if (document.images[button4].filters != null)
  document.images[button4].filters[0].play();
}

<!-- Array 5 -->
var onImages = new Array();
function onmouseover5(button5, imgpath)
{
  onImages[button5] = new Image();
  onImages[button5].src = "img/nav5a.jpg";
}
function turnOn(button5)
{
  if (document.images[button5].filters != null)
  document.images[button5].filters[0].apply();
  document.images[button5].offSrc = document.images[button5].src;
  document.images[button5].src = onImages[button5].src;
  if (document.images[button5].filters != null)

  document.images[button5].filters[0].play();
}
function turnOff(button5)
{
  if (document.images[button5].filters != null)
  document.images[button5].filters[0].apply();
  document.images[button5].src = document.images[button5].offSrc;
  if (document.images[button5].filters != null)
  document.images[button5].filters[0].play();
}

<!-- Array 6 -->
var onImages = new Array();
function onmouseover6(button6, imgpath)
{
  onImages[button6] = new Image();
  onImages[button6].src = "img/nav6a.jpg";
}
function turnOn(button6)
{
  if (document.images[button6].filters != null)
  document.images[button6].filters[0].apply();
  document.images[button6].offSrc = document.images[button6].src;
  document.images[button6].src = onImages[button6].src;
  if (document.images[button6].filters != null)
  document.images[button6].filters[0].play();
}
function turnOff(button6)
{
  if (document.images[button6].filters != null)
  document.images[button6].filters[0].apply();
  document.images[button6].src = document.images[button6].offSrc;
  if (document.images[button6].filters != null)
  document.images[button6].filters[0].play();
}

<!-- Array 7 -->
var onImages7 = new Array();
function turnOn7(button7)
{
  onImages7[button7] = new Image();
  onImages7[button7].src = "img/arrow2.gif";
  if (document.images[button7].filters != null)
  document.images[button7].filters[0].apply();
  document.images[button7].offSrc = document.images[button7].src;
  document.images[button7].src = onImages7[button7].src;
  if (document.images[button7].filters != null)
  document.images[button7].filters[0].play();
}
function turnOff7(button7)
{
  onImages7[button7] = new Image();
  onImages7[button7].src = "img/arrow2.gif";
  if (document.images[button7].filters != null)
  document.images[button7].filters[0].apply();
  document.images[button7].src = document.images[button7].offSrc;
  if (document.images[button7].filters != null)
  document.images[button7].filters[0].play();
}

<!-- Array 8 -->
var onImages = new Array();
function onmouseover8(button8, imgpath)
{
  onImages[button8] = new Image();
  onImages[button8].src = "img/select_active2.jpg";
}
function turnOn(button8)
{
  if (document.images[button8].filters != null)
  document.images[button8].filters[0].apply();
  document.images[button8].offSrc = document.images[button8].src;
  document.images[button8].src = onImages[button8].src;
  if (document.images[button8].filters != null)
  document.images[button8].filters[0].play();
}
function turnOff(button8)
{
  if (document.images[button8].filters != null)
  document.images[button8].filters[0].apply();
  document.images[button8].src = document.images[button8].offSrc;
  if (document.images[button8].filters != null)
  document.images[button8].filters[0].play();
}

<!-- Array 9 -->
var onImages = new Array();
function onmouseover9(button9, imgpath)
{
  onImages[button9] = new Image();
  onImages[button9].src = "img/select_youth2.jpg";
}
function turnOn(button9)
{
  if (document.images[button9].filters != null)
  document.images[button9].filters[0].apply();
  document.images[button9].offSrc = document.images[button9].src;
  document.images[button9].src = onImages[button9].src;
  if (document.images[button9].filters != null)
  document.images[button9].filters[0].play();
}
function turnOff(button9)
{
  if (document.images[button9].filters != null)
  document.images[button9].filters[0].apply();
  document.images[button9].src = document.images[button9].offSrc;
  if (document.images[button9].filters != null)
  document.images[button9].filters[0].play();
}

<!-- Den Button's die onMouseOver's zuweisen -->
onmouseover1("button1", "img/nav2.jpg");
onmouseover2("button2", "img/nav3.jpg");
onmouseover3("button3", "img/nav4.jpg");
onmouseover4("button4", "img/nav5.jpg");
onmouseover5("button5", "img/nav6.jpg");
onmouseover6("button6", "img/nav7.jpg");
onmouseover8("button8", "img/select_active.jpg");
onmouseover9("button9", "img/select_youth.jpg");