Få billeder til at skifre ved refresh

Hej eksperter...

Jeg har fundet et script som kan fade mellem de billeder man indsætter og samtidigt skifte links.
Det virker sådan set som det skal, men jeg ville gerne have at når man opdaterede siden så valgte den billederne vilkårligt, sådan så startbillederne ikke altid var de samme.

Koden ser således ud:

<script language="JavaScript">
// Browser Slide-Show script. With image cross fade effect for those browsers
// that support it.
// Script copyright (C) 2004-06 www.cryer.co.uk.
// Script is free to use provided this copyright header is included.
var slideCache = new Array();
function RunSlideShowWithLinks(pictureID,linkID,imageLinks,displaySecs)
{
    var separator = imageLinks.indexOf(";");
    var nextImage = imageLinks.substring(0,separator);
    if (slideCache[nextImage] && slideCache[nextImage].loaded)
    {
        var futureImages= imageLinks.substring(separator +1,imageLinks.length) + ';' + nextImage;
        separator = futureImages.indexOf(";");
        var nextLink = futureImages.substring(0,separator);
        futureImages= futureImages.substring(separator+1,imageLinks.length) + ';' + nextLink;

        if (document.all)
        {
            document.getElementById(pictureID).style.filter=
                "blendTrans(duration=2)";
            document.getElementById(pictureID).filters.blendTrans.Apply();
        }
        document.getElementById(pictureID).src = nextImage;
        document.getElementById(linkID).href = nextLink;
        if (document.all)
        {
            document.getElementById(pictureID).filters.blendTrans.Play();
        }
        setTimeout("RunSlideShowWithLinks('"+pictureID+"','"+linkID+"','"+futureImages+"',"+displaySecs+")",
            displaySecs*2500);
        // Identify the next image to cache.
        separator = futureImages.indexOf(";");
        nextImage = futureImages.substring(0,separator);
    } else {
        setTimeout("RunSlideShowWithLinks('"+pictureID+"','"+linkID+"','"+imageLinks+"',"+displaySecs+")",250);
    }
    // Cache the next image to improve performance.
    if (slideCache[nextImage] == null) {
        slideCache[nextImage] = new Image;
        slideCache[nextImage].loaded = false;
        slideCache[nextImage].onload = function(){this.loaded=true};
        slideCache[nextImage].src = nextImage;
    }       
}
</script>
<table width="490" align="center">
<tr>
<td id="VU"  width="162">
<script language="JavaScript">
RunSlideShowWithLinks("EmilyPicture","EmilyLink",
    "22.jpg;http://ditlink.dk;" +
    "23.jpg;http://ditlink.dk;" +
    "24.jpg;http://ditlink.dk",5);
</script>
<a id="EmilyLink" href="http://ditlink.dk" target="_top">
  <img border="0" src="22.jpg"  id="EmilyPicture" align="center">
</a>
</td><td width="2">
</td>
<td id="VU2"  width="162">
<script language="JavaScript">
RunSlideShowWithLinks("EmilyPicture2","EmilyLink2",
    "11.jpg;http://ditlink.dk;" +
    "12.jpg;http://ditlink.dk;" +
    "13.jpg;http://ditlink.dk;" +
    "14.jpg;http://ditlink.dk",6);
</script>
<a id="EmilyLink2" href="http://ditlink.dk" target="_top">
  <img border="0" src="11.jpg"  id="EmilyPicture2" align="center">
</a>

</td>
<td width="2">
</td>
<td id="VU3"  width="162">
<script language="JavaScript">
RunSlideShowWithLinks("EmilyPicture3","EmilyLink3",
    "1.jpg;http://ditlink.dk;" +
    "2.jpg;http://ditlink.dk;" +
    "3.jpg;http://ditlink.dk",7);
</script>
<a id="EmilyLink3" href="http://ditlink.dk" target="_top">
  <img border="0" src="1.jpg"  id="EmilyPicture3" align="center">
</a>
</td>
</tr>
</table>



///////////
F.eks.

hvis man opdaterede siden blev det til:

<script language="JavaScript">
RunSlideShowWithLinks("EmilyPicture3","EmilyLink3",
    "3.jpg;http://ditlink.dk;" +
    "1.jpg;http://ditlink.dk;" +
    "2.jpg;http://ditlink.dk",7);
</script>


Håber nogen kan hjælpe...