Fade Script Working Fully In IE

[beefa]

Gday mates,

Ive been racking my brains over this ever since I got the script. Ive got a fade script on my website (http://www.comstall.com). The links on the left are ruled under the fade script.

Now in IE, when I start up the website, they are automatically faded out, and will fade in when hovered over. In firefox, when started they are, how should I put it, no faded, but when hovering over the link it fades, and then will work fine.

Try it for yourself, I have no idea why its doing it. The fade script is this:

var baseopacity=60

function slowhigh(which2){
imgobj=which2
browserdetect=which2.filters? "ie" : typeof which2.style.MozOpacity=="string"? "mozilla" : ""
instantset(baseopacity)
highlighting=setInterval("gradualfade(imgobj)",50)
}

function slowlow(which2){
cleartimer()
instantset(baseopacity)
}

function instantset(degree){
if (browserdetect=="mozilla")
imgobj.style.MozOpacity=degree/100
else if (browserdetect=="ie")
imgobj.filters.alpha.opacity=degree
}

function cleartimer(){
if (window.highlighting) clearInterval(highlighting)
}

function gradualfade(cur2){
if (browserdetect=="mozilla" && cur2.style.MozOpacity<1)
cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpacity)+0.1, 0.99)
else if (browserdetect=="ie" && cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearInterval(highlighting)
}


From inspecting the code it has 2 seperate scripts, one for IE and one for mozilla. Perhaps the problem lies in there?

Thanks mates,
Beefa

[coothead]

Gday cobber,

unfortunately, well for you anyway, the error was sought in the wrong place. :supereek:
The fade.js is initiated onmouseover not onload, so the problem could not be within the script.

It was this snippet of CSS that turned out to be the culprit...
<STYLE type=text/css>.gradualshine {
FILTER: alpha(opacity=60); moz-opacity: 0.3
}
</STYLE>
...it should be...

<style type=text/css>
<!--
.gradualshine {
filter: alpha(opacity=60);
-moz-opacity: 0.6;
//-->
}
</style>

..notice that the hyphen before moz is imperatve. :)