Problem with Cross-Platform Compatibility?

[Poryhedron]

I have a gallery on my site that shows a couple dozen images per page. Each image also exists in a normal and a special version (for example, 001s.gif is a special version of 001.gif.) I want to set up the gallery so that every time you load a page, each image has a small random chance of appearing in its special version instead of its normal version. In addition, if the user's browser cannot handle JavaScript or is set to disallow it, the page needs to display the normal version (if I don't specifically allow for this, non-JS browsers end up displaying nothing, which isn't good...)

I have written code to achieve this effect, and it works exactly the way it should...in IE6 on WinXP. However, I have been informed that it does not function correctly in IE5.2 on Mac OS X; neither picture shows up.

I'm not really surprised that a Mac produces errors in my code, not because the system is bad in any way but because my experience with it is very limited. However, for Internet Explorer to mess it up is a bit surprising to me. The code, to my knowledge, should be compatible with IE and Netscape from v4 up, so I have no idea what's wrong.

Since I don't know the problem, I'm forced to give you the entire code, but it's not very long. Can anyone offer a solution, and maybe an explanation while you're at it?

First, the function itself...

<script type="text/javascript">
<!--

function shinycheck(IDnum) {
var shinerate = 10;

// Change the number above to change the rate of Shiny appearances.
// Each pic has a 1-in-shinerate chance of being shiny; default is 1 in 10, or 10%.

var shinevalue = Math.floor(Math.random()*shinerate);
if (shinevalue == 0) {
document.write("<img src=" + IDnum + "s.gif>");
} else {
document.write("<img src=" + IDnum + ".gif>");
}
}

// -->
</script>

...and an example of a function call in the body of the page.

<th colspan=2>
<script type="text.javascript">
<!--
shinycheck("001");
// -->
</script>
<noscript><img src=001.gif></noscript>
</th>

/added later/ All right, I just now noticed the typo in the function call while reviewing my post. Would the period instead of a forward slash cause it fail in Mac IE5.2 while still working on WinXP IE6?

[Khalid Ali]

post a link to the page if thats possible.
Typically IE for MAC is more standard compliant then its counterpart on WIN os,which means code written for WIN IE is most likely to break.

[Poryhedron]

Allrighty...here (http://pf.ultimategamez.com/PF2/shinytest.shtml)'s the test page, which is a JavaScripted copy of the un-JavaScripted first page of the gallery. And since you might not be familiar with the subject matter, let me explain the easiest way to recognize a special version: At the top right is a blue copyright notice, and immediately below it is the name of the creature depicted. A special version will have three small white stars in a triangle next to that name.

/added later/ And I just took the liberty of correcting that "text.javascript" typo everywhere it appeared, in case that was it.

[Khalid Ali]

I think Only thing that I can suggest is to not use

document.write statement,that could be(????) causing the problem in MAC IE(which by the way being a newer browser has aloots of bugs).

[Poryhedron]

Update: apparently, just replacing the period with a forward slash in each function call fixed the problem. The code now works properly for Mac IE 5.2. I'll remember the anti-document.write suggestion, though, in case any other users report problems with their browsers. Thanks!