dynamisk refresh af billede.

Jeg har følgende lille script som opdaterer et cam..

      <script type="text/javascript">
    var refreshRate = 3000
    function loaded(id){
        document.all["image" + id].style.display = ''
        id = ++id%2
        document.all["image" + id].style.display = 'none'
        setTimeout("setSrc(" + id + ")", refreshRate)
        window.status=''
    }
    function setSrc(id){
        document.all["image" + id].src = 'http://cam.domain.dk/User/pic.jpg?x=' + new Date().getTime()
        window.status='Opdaterer Webcam'
    }
    </script>

    <div id="header">WebCam</div>

    <div id="centerContent">

        <img id="image0" alt="" src="http://cam.domain.dk/User/pic.jpg?x=" />
        <img  id="image1" style="display:none;" src="" alt="" />
        <br /><br />


-----------------------

Det er i og for sig også fint nok.
Nu vil jeg så have det til at Validere XHTML 1.0 Strict..

Det kan jeg ikke med OnError, OnLoad, og Name attributes på img tagget..

Hvordan kan jeg nemmest lave det om ?

Jeg prøvede med følgende, som selvfølgelig ikke virker..

-----------------

      <script type="text/javascript">
    var refreshRate = 3000
        setTimeout("document.getElementByID("image0")", refreshRate)
        document.getElementByID("image0").src = 'http://cam.fredet.dk/Mads/KingMedia.jpg?x=' + new Date().getTime()
    </script>

    <div id="header">WebCam</div>

    <div id="centerContent">

        <img id="image0" alt="" src="http://cam.fredet.dk/Mads/KingMedia.jpg?x=" />
        <br /><br />


Håber der er nogle JavaScript eksperter der kan gi mig et skud JavaScript viden :o)

/Mads