<HTML>
<HEAD>
<TITLE>Multi - fade</TITLE>
<script type="text/javascript">
// Jeff
// www.huntingground.freeserve.co.uk
layerNum=6 // number of layers
step=5 // opacity increment size, increase for faster fade
count = -1
ani=""
speed=100/step
function init(){
count++
opac=0
if(count!=layerNum){
animate()
}
}
function animate() {
clearTimeout(ani)
opac+=step
if("filters" in document.body && "alpha" in document.body.filters){
document.getElementById("oDIV"+[count]).filters.alpha.opacity= opac
}
else{
document.getElementById("oDIV"+[count]).style.opacity=(opac/100)-0.01
}
ani=setTimeout("animate()", speed)
if(opac>=100){
clearTimeout(ani)
init()
}
}
setTimeout("init()", 1000)
</script>
</HEAD>
<BODY>
<h1>Multi Fade In</h1>
<div id="oDIV0" style="position:absolute;left:10;top:160;width:170;height:25;opacity:0;filter:alpha(opacity=0)">
<img border="0" src="../main/hunting_but.jpg"></div>
<div id="oDIV1" style="position:absolute;left:10;top:190;width:170;height:25;opacity:0;filter:alpha(opacity=0)">
<img border="0" src="../main/hunting_but.jpg"></div>
<div id="oDIV2" style="position:absolute;left:10;top:220;width:170;height:25;opacity:0;filter:alpha(opacity=0)">
<img border="0" src="../main/hunting_but.jpg"></div>
<div id="oDIV3" style="position:absolute;left:10;top:250;width:170;height:25;opacity:0;filter:alpha(opacity=0)">
<img border="0" src="../main/hunting_but.jpg"></div>
<div id="oDIV4" style="position:absolute;left:10;top:280;width:170;height:25;opacity:0;filter:alpha(opacity=0)">
<img border="0" src="../main/hunting_but.jpg"></div>
<div id="oDIV5" style="position:absolute;left:10;top:310;width:170;height:25;opacity:0;filter:alpha(opacity=0)">
<img border="0" src="../main/hunting_but.jpg"></div>
</BODY>
</HTML>
