Hallo !
I have this script that I trying to get to function in Netscape.
I think the basic problem is that Netscape 7.x not supporting and not rendering CSS Id as an indexed Array like
Internet Explorer do.

I have this script on a lot of pages so it would bee nice if there was an easy way so I dont have to change al DIV -tags ID.

Would bee nice to get help with this.
Dont realy know the easiest way to get this script compatible with NS 7.0. (not earlier browsers).

Thanksfull for an answere !

Klas

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Skoj</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
#bild {


position: absolute;
z-index: 4;
height: 335px;
width: 600px;
left: 200px;
top: 358px;
overflow: hidden;
clip: rect(335px 0px 355px 0px);
visibility: visible;
}

.bild {



position: absolute;
z-index: 4;
height: 335px;
width: 600px;
left: 200px;
top: 358px;
overflow: hidden;
clip: rect(335px 0px 355px 0px);
visibility: visible;
}

-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
var actualFrame=0;
var valueframe = 0;
var counter;
var number = null;
var action;
var topcuting = 5;
var timer;
var lastframe = 6;
var automove;
var testframeup;
var strength = 0;
var blurer = 100;
var blurup;
var bluroutlayer;
var mouseStatus =new Image();
function clipsomeLayer()
{
bild[0].style.clip ="rect(auto auto auto auto )";
for (counter=1; counter<lastframe; counter++)
{
bild[counter].style.clip ="rect(335 auto 355 auto )";
bild[counter].style.pixelTop = 335;
}

}

function moveBack()
{
window.clearTimeout(testframeup);
window.clearTimeout(automove);
if (valueframe>0)
{
testframeup = window.setTimeout("moveBack()",50);

if(bild[actualFrame].style.pixelTop <= 110)
{
window.clearTimeout(testframeup);
startmoveBack();
}
else
{

}
}
}
function moveForward()
{
window.clearTimeout(automove);
window.clearTimeout(testframeup);
if (valueframe<lastframe-1)
{
testframeup = window.setTimeout("moveForward()",10);

if(bild[actualFrame].style.pixelTop <= 110)
{
window.clearTimeout(testframeup);
startmoveForward();
}
}
}

function startmoveForward()
{
document.mouseStatus.src="images/mousedown.gif";
blurup = 270;
valueframe += 1;
bluroutlayer = setInterval("bluringoutLayer()",150);

}

function startmoveBack()
{
document.mouseStatus.src="images/mousedown.gif";
blurup = 90;
valueframe -= 1;
action = window.setInterval("bluringoutLayer()",150);

}

function bluringoutLayer()
{
bild[actualFrame].style.filter ="blur(add=0, direction="+blurup+", strength="+blurer+")";
blurer += 100;
if(blurer>=500)
{
window.clearInterval(action);
window.clearInterval(bluroutlayer);
bild[actualFrame].style.pixelTop = 335;
bild[actualFrame].style.clip ="rect(335 auto 335 auto)";
bild[actualFrame].style.filter ="blur(add=0, direction=0, strength=0)";
actualFrame = valueframe;
blurer = 100;
action = window.setInterval("movetheFrame()",150);
}
}


function movetheFrame()
{
bild[actualFrame].style.filter = "alpha(opacity="+strength+")";
bild[actualFrame].style.clip ="rect(auto auto "+topcuting+" auto)";
bild[actualFrame].style.pixelTop -=5;
strength +=2;
topcuting += 5;
if(bild[actualFrame].style.pixelTop <= 110)
{
bild[actualFrame].style.filter = "alpha(opacity=100)";
topcuting = 5;
strength = 0;
document.mouseStatus.src="images/mouseup.gif";
window.clearInterval(action);
}
}
function autoreadLayers()
{

if (valueframe == 0)
{
startmoveForward();
automove = window.setTimeout("autoreadLayers()",20000);
}
else if (valueframe < lastframe-1)
{
automove = window.setTimeout("autoreadLayers()",20000);
if(bild[actualFrame].style.pixelTop <= 110)
{
startmoveForward();
}
}
else
{
window.clearTimeout(automove);
}
}
//-->
</script>


</head>
<body leftmargin="0" topmargin="2" marginwidth="0" marginheight="0" onLoad="clipsomeLayer()">
<DIV class="bild" ID="bild" style="position:absolute; top:110">
<h5>
<center>
Argumentera mera..<br>
<img src="images_skoj/Argue.gif" width="131" height="142"><br>
<br>
..men s&auml;tt inte ig&aring;ng ett slagsm&aring;l f&ouml;r det !
</center>
</h5>
</div>

<DIV class="bild" ID="bild" style="position:absolute;">
<h5> Ligg g&auml;rna med n&aring;gon..<br>
<img src="images_skoj/Bedbug.gif" width="147" height="142"><br>
<br>
..men t&auml;nk efter vem du ligger med !</h5>
</DIV>

<DIV class="bild" ID="bild" style="position:absolute;">
<h5> Ligga i kan ocks&aring; va kul.. men ta inte p&aring; dig allt !<br>
<img src="images_skoj/Burdened.gif" width="159" height="215"> </h5>
</DIV>

<DIV class="bild" ID="bild" style="position:absolute;">
<h5>G&ouml;r n&aring;got vettigt f&ouml;r pengarna.. <br>
<img valign="center" src="images_skoj/Whlbrrw.gif" width="220" height="191">
<br>
..men r&auml;kna r&auml;kningarna ocks&aring; ! </h5>
</DIV>

<DIV class="bild" ID="bild" style="position:absolute;">
<h5> Tr&auml;na g&auml;rna h&aring;rt<br>
<img src="images_skoj/Chinups.gif" width="137" height="161"><br>
<br>
..men t&auml;nk ocks&aring; p&aring; din hj&auml;rna !</h5>
</DIV>
<DIV class="bild" ID="bild" style="position:absolute;">
<h5> PS ! Den som känner mig skrattar gott åt dess levnadsråd<br>
...och nu va sidan slut !</h5>
</DIV>
</body>
</html>