// rollover-Images laden
// im Body-Tag:onLoad="javascript:ImageInit();"

function ImageInit() {
   if(!document.images) { return true;}
   Images = new Array(
      "bilder/m_haken_spezial.jpg","bilder/m_haken_spezial_over.jpg",
      "bilder/m_buegel_socken.jpg","bilder/m_buegel_socken_over.jpg",
      "bilder/m_halter_krawatten.jpg","bilder/m_halter_krawatten_over.jpg",
      "bilder/m_klammern_universal.jpg","bilder/m_klammern_universal_over.jpg",
      "bilder/m_haken_guertel.jpg","bilder/m_haken_guertel_over.jpg",
      "bilder/m_haken_buegel.jpg","bilder/m_haken_buegel_over.jpg",
      "bilder/m_c_und_a.jpg","bilder/m_c_und_a_over.jpg",
      "bilder/m_hemdenzubehoer.jpg","bilder/m_hemdenzubehoer_over.jpg",
      "bilder/m_klammern_metall.jpg","bilder/m_klammern_metall_over.jpg",
      "bilder/m_klammern_kunst.jpg","bilder/m_klammern_kunst_over.jpg",
      "bilder/m_stecknadeln.jpg","bilder/m_stecknadeln_over.jpg",
	  "bilder/m_zierknoepfe.jpg","bilder/m_zierknoepfe_over.jpg",
	  "bilder/m_schmucktraeger.jpg","bilder/m_schmucktraeger_over.jpg",
      "bilder/m_haken_selbstkleb.jpg","bilder/m_haken_selbstkleb_over.jpg"
   );

   loadImage = new Array();
   for(i in Images) {
      loadImage[i] = new Image();
      loadImage[i].src = Images[i];
   }
}


// rollover-Images
// Link Aufruf:
// <a href="#" onMouseOver="ImageRoll('name','in'); return true;" onMouseOut="ImageRoll('name','out'); return true;"></a>

function ImageRoll(img,inout) {
   if(!document.images) { return true;}
   image = document.images[img];
   if(inout=="in") {
      image.src = "bilder/" + name + "_over.gif";
   } else {
      image.src = "bilder/" + name + ".gif";
   }
}