var imgOver = new Array();
var imgOut  = new Array();
// Pre-Loaded je zwei Bilder
function loadImage(imgName, imgOverSrc, imgOutSrc) {
	imgOver[imgName] = new Image();
	imgOver[imgName].src = imgOverSrc;
	imgOut [imgName] = new Image();
	imgOut [imgName].src = imgOutSrc;
}
// Mouse-Over
function showOver(imgName)	{
	if(isImageLoaded(imgName))
		window.document[imgName].src=imgOver[imgName].src;	
}
// Mouse-Out
function showOut(imgName)	{
	if(isImageLoaded(imgName))
		window.document[imgName].src=imgOut[imgName].src;
}
// Test, ob Over- und Out-Bild schon geladen sind
function isImageLoaded(imgName) {
	return(imgOver[imgName]);
}
/** Beispiel:
	<script language="JavaScript" src="/js_css/system/image/imageonoff.js" type="text/javascript"></script>
	<script language="JavaScript" type="text/javascript">
		function loadImages(){
			loadImage('news', '/images/kunden/name/newsbild_over.gif', '/images/kunden/name/newsbild_out.gif');
		}
	</script>
	<body onload="loadImages()">
		<a href="#" onMouseOver="showOver('news');" onMouseOut="showOut('news');" ><img src="/images/kunden/name/newsbild.gif" name="news"/></a>
**/
