Problème images en fondu javascript .

Bonjour,

Je développe un site en Htlm et CSS (+javascript)
j'ai réussi a coder en javacript pour faire apparaître le fond d'écran en fondu.
A présent je voudrais que se soit un second élement (image.gif) sur se fond d'écran qui appairasse lui aussi en fondu après que le fond d'écran soit complément apparue. Le seul soucis, c'est que lorsque je met le second code pour l'image(.gif) le fond d'écran n'apparaît plus en fondu mais seul le second élément !!
Voici mon code : (c'est dans mon fichier hmtl)

<img id="spaffySpecial" src="images/foret.jpg" width=991 height=700 style="-moz-opacity:0;filter:alpha(opacity=0)">
<script>
var max = 100;
var min = 0;
var opacite=min;
up=true;
var IsIE=!!document.all;
var ThePic=document.getElementById("spaffySpecial");

function fadePic(){
if (opacite<max && up){opacite+=2;}
if (opacite>min && !up){opacite-=2;}


IsIE?ThePic.filters[0].opacity=opacite:document.getElementById("spaffySpecial").style.opacity=opacite/100;
document.getElementById('result').value=opacite+"%"
}
setInterval(function(){fadePic();},100)

</script>

<img id="eauSpecial" src="images/eaub.gif" width=991 height=700 style="-moz-opacity:0;filter:alpha(opacity=0)">
<script>
var max = 100;
var min = 0;
var opacite=min;
up=true;
var IsIE=!!document.all;
var ThePic=document.getElementById("eauSpecial");

function fadePic(){
if (opacite<max && up){opacite+=1;}
if (opacite>min && !up){opacite-=1;}


IsIE?ThePic.filters[0].opacity=opacite:document.getElementById("eauSpecial").style.opacity=opacite/100;
document.getElementById('result').value=opacite+"%"
}
setInterval(function(){fadePic();},100)

</script>


Merci !