function getImage() {
	var imgs,i;
	// gehe durch alle Bilder im Dokument
	// ¸berpr¸fe ob die Klasse 'roll' vorhanden ist
 	imgs = document.getElementsByTagName('img');
 	for(i=0;i<imgs.length;i++) {
		if(/roll/.test(imgs[i].className)) {
			// f¸ge die Funktion roll() dem ¸bergeordneten 
			// Knoten hinzu.
  			imgs[i].parentNode.onmouseover=function(){roll(this);};
  			imgs[i].parentNode.onmouseout=function(){roll(this);};
  			imgs[i].parentNode.onfocus=function(){roll(this);};
  			imgs[i].parentNode.onblur=function(){roll(this);};
  		}
 	}
}

function roll(o) {
	var i,isnode,src,ftype,newsrc,nownode;
	// gehe durch alle childNodes
 	for (i=0;i<o.childNodes.length;i++) {
		nownode=o.childNodes[i];
		// falls der Knoten ein Bild ist, stoppe die Schleife und 
		// definiere eine Variable
  		if(nownode.nodeType==1 && /img/i.test(nownode.nodeName)) {
   			isnode=i;
   			break;
  		}
 	}
	// teste den Verweis des Bildes und fuege den Bildwechsel-
	// effekt hinzu.
	src = o.childNodes[isnode].src;
	ftype = src.substring(src.lastIndexOf('.'), src.length);
	if(/_ov/.test(src)) {
  		newsrc = src.replace('_ov','');
 	} else {
  		newsrc = src.replace(ftype, '_ov'+ftype);
 	}
 	o.childNodes[isnode].src=newsrc;
}

window.onload = function() {
	getImage();
}