sfHover = function() {
    var sfEls = document.getElementById("navpics").getElementsByTagName("IMG");
    for (var i=0; i<sfEls.length; i++) {
		
	//das Mo-Bild laden
	//preloadImage(sfEls[i].src.replace(new RegExp(".png\\b"), "_mo.png"));
	
	// mouseover-handling
	sfEls[i].onmouseover=function() {
	  this.src = this.src.replace(new RegExp(".png\\b"), "_mo.png");
	
	}
	
	// mouseout-handling
    	sfEls[i].onmouseout=function() {
    		this.src=this.src.replace(new RegExp("_mo\\b"), "");
	}
    }
}

// Bilder laden
preloadImage = function() { 
    var d=document; 
    if(d.images){             //wenn Bilder vorhanden
	if(!d.p) d.p=new Array();  //wenn nicht vorhanden Array anlegen
	var k, j=d.p.length, a=preloadImage.arguments;  // j=Anzahl der Bilder a enthaelt Argumente
	for(i=0; k<a.length; k++)                 //laufe durch alle Argumente
	    if (a[k].indexOf("#")!=0){
		d.p[j]=new Image(); 
		d.p[j++].src=a[k];
	    }
    }
    
}

    window.onload = sfHover;
/*if (window.attachEvent) window.attachEvent("onload", sfHover);*/