function show(element){
           element.className += "hover";
           }
		   
function hide(element){ 	   
           element.className = element.className = "";
		   }
		   
/*-----------------------------------	Ebene bei onmouseover einblenden -----------------------------------------------------------*/


var WMTT = { /* diese geschweifte Klammer startet ein Objekt.
Du könntest alternativ auch schreiben "WMTT = new Object();"
aber dann müsstest Du im weiteren Verlauf anders weiterschreiben.
So ist es "einfacher" und übersichtlicher. */


    wmtt : null, /* "wmtt" ohne Anführungszeichen gefolgt von einem Doppelpunkt
definiert eine Methode oder eine Eigenschaft in diesem Objekt.
Hier ist es dasselbe wie "WMTT.wmtt = null;". Achte auf das Komma am Ende der
Zeile! Besonders aufpassen musst Du bei dieser Schreibweise, dass am Ende der
_letzten_ Methode oder Eigenschaft _kein_ Komma mehr steht, sonst spinnt der IE! */

    show : function (id) {
        // hier beginnt eine Methode (Funktion) unseres Objektes

        var obj = document.getElementById(id);

        // Objekt (HTML-Element) in einer unserer Eigenschaften abspeichern
        WMTT.wmtt = obj; // hier verwenden wir unsere eigene Objekt-Eigenschaft!

        // sichtbar schalten
        obj.style.display = "block";
		WMTT.wmtt = null;
		
		//andere verstecken, Farbe ändern
		var divs = new Array("bild01","bild02","bild03","bild04","bild05","bild06");		
		var as = new Array("thumb01","thumb02","thumb03","thumb04","thumb05","thumb06");
		
		for(i=0;i<divs.length;i++) {
			//	nicht-aktuelle verstecken
			if (divs[i] != id) {
				var hideobj = document.getElementById(divs[i]);
				WMTT.wmtt = hideobj;
				hideobj.style.display = "none";
				WMTT.wmtt = null;
			//	nicht-aktuelle Farbe zurücksetzen
				var unmarkobj = document.getElementById(as[i]);
				WMTT.wmtt = unmarkobj;
				unmarkobj.style.color = "#d0ffb6";
				WMTT.wmtt = null;
			}	// if
			// bei aktuellem Link Farbe ändern
			if (divs[i] == id) {
				var markobj = document.getElementById(as[i]);
				WMTT.wmtt = markobj;
				markobj.style.color = "#ff8401";
				WMTT.wmtt = null;
			}	// if
		}	//	for
		
		
		
		
    }, // Komma nicht vergessen! Es kommt ja noch was...

    hide : function (id) {
		var obj = document.getElementById(id);
		WMTT.wmtt = obj;
        // Wir haben das Objekt ja abgespeichert, nun können wir es _direkt_ benutzen!
        obj.style.display = "none";

        // gespeichertes Objekt aus unserer Eigenschaft wieder löschen
        WMTT.wmtt = null;
    },
	
	mark : function (id) {	//	als aktiv markieren
		var obj = document.getElementById(id);
		WMTT.wmtt = obj;
        obj.style.color = "#ff8401";
	},

    update : function (e) {
        // Hier auch wieder schön _lokale_ Variablen (mit "var") definieren!
        var x = (document.all) ? window.event.x + document.body.scrollLeft : e.pageX;
        var y = (document.all) ? window.event.y + document.body.scrollTop  : e.pageY;
        if (WMTT.wmtt) {
            // wenn unser Element den Wert (null|false|-1) hat, dann scheitert die if-Abfrage
            WMTT.wmtt.style.left = (x - 05) + "px";
            WMTT.wmtt.style.top  = (y + 20) + "px";
        }
    } // KEIN Komma mehr, da unser Objekt fertig ist!!!
}; // Hier endet die Variablendefinition für WMTT.

/*-------------------------------------- vor-, zurück-Button -------------------------------*/

// Hier wird immer die aktuelle ID gespeichert!
var ID = 1;

// Anzahl ID´s:
var anzahl_ids = 6;

// in onmouseover
function ID_speichern(id) {
	ID = id;
}

// vorherige ID anzeigen
function ID_back() {
	var vorherige_id;
	if (ID == 1) vorherige_id = anzahl_ids;
	else vorherige_id = ID - 1;
	vorherige_id = "bild0" + vorherige_id;
	if (ID == 1) ID = anzahl_ids;
	else ID--;
WMTT.show(vorherige_id);
}

// nächste ID anzeigen
function ID_forward() {
	if (ID == anzahl_ids) ID = 1;
	else ID++;
	var next_id = "bild0" + ID;
WMTT.show(next_id);
}

/*-------------------------------------- Styleswitcher von A list apart, für Druckvorschau -------------------------------*/

  function setActiveStyleSheet(title) {
  var i, a, main;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
      a.disabled = true;
      if(a.getAttribute("title") == title) a.disabled = false;
    }
  }
}

function getActiveStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title");
  }
  return null;
}

function getPreferredStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1
       && a.getAttribute("rel").indexOf("alt") == -1
       && a.getAttribute("title")
       ) return a.getAttribute("title");
  }
  return null;
}

window.onload = function(e) {
  var title = getPreferredStyleSheet();
  setActiveStyleSheet(title);
}