Fehler im Script? Zufallsbild + FadeIn/out

[Daisuki]

Hallo erstmal.
Also ich hab da so ein kleines Problem und ich hab keine Ahnung, wo der Fehler ist.
Ich habe 2 verschiedene Scripts. Ein Script, welches ein Bild über ein anderes Faded.

  
<!--- Fading script -->  
<script type="text/javascript">  
function SetOpacity(object,opacityPct)  
{  
  // IE.  
  object.style.filter = 'alpha(opacity=' + opacityPct + ')';  
  // Old mozilla and firefox  
  object.style.MozOpacity = opacityPct/100;  
  // Everything else.  
  object.style.opacity = opacityPct/100;  
}  
function ChangeOpacity(id,msDuration,msStart,fromO,toO)  
{  
  var element=document.getElementById(id);  
  var opacity = element.style.opacity * 100;  
  var msNow = (new Date()).getTime();  
  opacity = fromO + (toO - fromO) * (msNow - msStart) / msDuration;  
  if (opacity<0)  
    SetOpacity(element,0)  
  else if (opacity>100)  
    SetOpacity(element,100)  
  else  
  {  
    SetOpacity(element,opacity);  
    element.timer = window.setTimeout("ChangeOpacity('" + id + "'," + msDuration + "," + msStart + "," + fromO + "," + toO + ")",1);  
  }  
}  
function FadeIn(id)  
{  
  var element=document.getElementById(id);  
  if (element.timer) window.clearTimeout(element.timer);  
  var startMS = (new Date()).getTime();  
  element.timer = window.setTimeout("ChangeOpacity('" + id + "',1000," + startMS + ",0,100)",1);  
}  
function FadeOut(id)  
{  
  var element=document.getElementById(id);  
  if (element.timer) window.clearTimeout(element.timer);  
  var startMS = (new Date()).getTime();  
  element.timer = window.setTimeout("ChangeOpacity('" + id + "',1000," + startMS + ",100,0)",1);  
}  
function FadeInImage(foregroundID,newImage,backgroundID)  
{  
  var foreground=document.getElementById(foregroundID);  
  if (backgroundID)  
  {  
    var background=document.getElementById(backgroundID);  
    if (background)  
    {  
      background.style.backgroundImage = 'url(' + foreground.src + ')';  
      background.style.backgroundRepeat = 'no-repeat';  
    }  
  }  
  SetOpacity(foreground,0);  
  foreground.src = newImage;  
  if (foreground.timer) window.clearTimeout(foreground.timer);  
  var startMS = (new Date()).getTime();  
  foreground.timer = window.setTimeout("ChangeOpacity('" + foregroundID + "',1000," + startMS + ",0,100)",10);  
}  
</script>  
<!--- Fading script ende-->  

und dann noch ein Srcipt welches eine Zufallszahl generiert, zu dem dann ein Bild ausgewählt wird.

  
<!-- Bilderwecheslscript -->  
<script type="text/javascript" language="JavaScript">  
function ZufallsBildStart() {  
var ZufallsZahl = Math.floor(Math.random()*3)+1;  
  
document.write('<img src="../desi/change/chris.jpg" id="foregroundimg" border="0" onmouseover="FadeInImage('foregroundimg','../desi/change/chrishover.jpg ','backgrounddiv') onmouseout="FadeInImage('foregroundimg','..desi/change/chris.jpg','backgrounddiv')">');  
}  
else  
{  
     if (ZufallsZahl == 2)  
     {  
     document.write('<img src="../desi/change/pat.jpg">');  
     }  
     else  
     {  
             if (ZufallsZahl == 3)  
             {  
             document.write('<img src="../desi/change/lizz.jpg">');  
             }  
     }  
}  
}  
</script>  
<!-- Bilderwecheslscript Ende -->

So nunja... das 2. Script greift ja auf das 1. zu und eigentlich müsste das doch funktionieren oder?
Der fehler müsste eigentlich hier liegen:

  
document.write(<img src="../desi/change/chris.jpg" id="foregroundimg" border="0" onmouseover="FadeInImage('foregroundimg','../desi/change/chrishover.jpg ','backgrounddiv') onmouseout="FadeInImage('foregroundimg','..desi/change/chris.jpg','backgrounddiv')">');  

Ich finde den Fehler nicht, obwohl einer vorhanden sein muss, denn keines der Bilder wird angezeigt.

Bei einem normalen
document.write('<img src="../desi/change/chris.jpg">');
werden sie angezeigt.

Ich hoffe mir kann hier einer helfen, ich verzweifel fast xD'