JS - Slider

<!DOCTYPE html>
<html>
    <head>
        <title>Test Page</title>
        <meta charset="UTF-8" />
        <script language="javascript" type="text/javascript">
        <!--
            var index = 0;

            var imgArray = new Array();
            for (var i = 1; i <= 5; i++) imgArray.push(i + ".jpg");

            var timer = null;

            function chooseNext() {
                index++;
                index %= imgArray.length
                document.images["slider"].src = imgArray[index];
                if (timer != null) {
                    clearTimeout(timer);
                }
                timer = setTimeout("chooseNext()", 6*1000);
            }
        //-->
        </script>
    </head>
    <body>
        <img onClick="chooseNext()" name="slider" />
        <script>
        <!--
            document.images["slider"].src = imgArray[index];
            timer = setTimeout("chooseNext()", 6*1000);
        //-->
        </script>
    </body>
</html>