var hoverimgs = new Array ( ); // Array anlegen für alle Bilder
		
		// sobald das window objekt fertig ist mit laden führe den code aus
		// vorteil bei scripts, welche sich auf html-objekte IN der seite beziehen.
			window.onload = function ( ) {
					var imgs = document.getElementsByTagName('img'); // wir brauchen ALLE bilder in der seite in einem array!
				// durchlaufe alle bilder die in der seite gefunden werden
					for ( i in imgs ) {
						if ( typeof ( imgs[i] ) == 'object' ) { // ist das aktuelle element wirklich ein objekt?
							if ( typeof ( imgs[i].lowsrc ) == 'string' ) { // wurde das attribut lowsrc gesetzt und ist es ein string?
								imgs[i].countid = hoverimgs.length; // wir übergeben dem bild noch seine aktuelle zahl
								imgs[i].rawsrc = imgs[i].src; // damit wir später noch wissen welches ursprungsbild es war, speichern wir die aktuelle src zwischen.
								hoverimgs[hoverimgs.length] = new Image ( ); // neues "image"-objekt anlegen
								hoverimgs[hoverimgs.length - 1].countid = hoverimgs.length - 1; // auch hier brauchen wir die aktuelle zahl
								hoverimgs[hoverimgs.length - 1].obj = imgs[i]; // das original objekt wird dem image-objekt übergeben
								hoverimgs[hoverimgs.length - 1].src = imgs[i].lowsrc; // wir laden den lowsrc-pfad und geben somit dem Image-Objekt die aufgabe das hover bild zu laden
								// sobald das hover bild geladen wurde ...
									hoverimgs[hoverimgs.length - 1].onload = function ( ) {
										// .. setzen wir die onmouseover und...
											this.obj.onmouseover = function ( ) {
												this.src = hoverimgs[this.countid].src;
											}
										// ... die mouseout funktion zum ein- bzw. ausblenden des hoverbildes.
											this.obj.onmouseout = function ( ) {
												this.src = this.rawsrc;
											}
									}
							}
						}
					}
			}