<!--


function hi(img) {
   if (img.alt != "") {
      
      // img.title löschen, damit dieser während dem onmouseover nicht angezeigt wird
      //img.title		= "";
      
      var lo_img 	= img.src;
      var hi_img 	= lo_img.replace(/_off.jpg/g, "_on.jpg");
      //alert(hi_img);
      img.src 		= hi_img;


      // ermittle, welcher Kategorie das aktuelle Icon angehört, um die Kategorie-Farbe für den Text im SubHeader zu setzen
      // Dazu wird der SRC-Pfad des Bildes zerlegt und das vorletzte Element ausgewählt (Ordnername, in dem das Bild liegt).
      Kategorie = getKategorie(img.src);
      
      
      // Text im SubHeader setzen
      KatFarbe = "";
      KatFarbe = getKatColor(Kategorie);
      document.getElementById('typeSelection').innerHTML	= "<font style=color:" + KatFarbe + ">" + Kategorie + "</font><br>" + img.alt;
      

      // TRON
      subheaderQuellcode = document.getElementById('typeSelection').innerHTML;
      subheaderQuellcode = subheaderQuellcode.replace(/"/g, "\"");
      subheaderQuellcode = subheaderQuellcode.replace(/</g, "&lt;");
      subheaderQuellcode = subheaderQuellcode.replace(/>/g, "&gt;");

      document.getElementById('tron').innerHTML = "<font color='black'><br>" +
                                                  "Kategorie: " + Kategorie + "<br>" + 
                                                  "KatFarbe:  <b>" + KatFarbe + "</b><br>" + 
                                                  "<br>" +
                                                  "SubHeader-HTML:<br>" +
                                                  subheaderQuellcode + "<br>" +
                                                  "</font>";
      
      
      
   }
return;
}



function lo(img) {
   if (img.alt != "") {
      
      // img.title aus dem img.alt wiederherstellen
      //img.title		= img.alt;
      
      var hi_img = img.src;
      var lo_img = hi_img.replace(/_on.jpg/g, "_off.jpg");
      //alert(lo_img);
      img.src = lo_img;

      // Text im SubHeader zurück auf aktive Auswahl setzen
      document.getElementById('typeSelection').innerHTML	= document.getElementById('LastClick').innerHTML;
   }
return;
}

-->
