[marlic]

есть слайдер переключалка
по истечении определенного времени он переключает картинку и текст к ней.
при открытии страницы первый элемент вместо того чтобыпоказываться определеное время сразу переключается во второй... как исправить чтобы и первый показывался как нужно (в даном случае 8 сек)

<script type="text/javascript">
window.onload = function(){     
        
                
        var splasher = document.getElementById("splasher");
                splasher.className = "splasher";
        
        var linkwrapper = document.getElementById("links");
        
        var splashes = new Array("<img class='arrimg' src='<?php echo $arrimg1; ?>' alt=''/><?php echo $ft; ?><div class='ttext'><?php echo $arrtext1; ?></div>", 
        "<img class='arrimg' src='<?php echo $arrimg2; ?>' alt=''/><?php echo $ft; ?><div class='ttext'><?php echo $arrtext2; ?></div>",
        
         "<img class='arrimg' src='<?php echo $arrimg3; ?>' alt=''/><?php echo $ft; ?><div class='ttext'><?php echo $arrtext3; ?></div>"
        
        ,"<img class='arrimg' src='<?php echo $arrimg4; ?>' alt=''/><?php echo $ft; ?><div class='ttext'><?php echo $arrtext4; ?></div>",
        "<img class='arrimg' src='<?php echo $arrimg5; ?>' alt=''/><?php echo $ft; ?><div class='ttext'><?php echo $arrtext5; ?></div>");
        
        var counter = 0;
        
        var links = [];
                (function(){
                counter = (counter + 1) % splashes.length;
                
                splasher.innerHTML = splashes[counter];
                counter = counter % splashes.length;
                output(counter);
                
                window.setTimeout(arguments.callee, 8000);
        
        }())
        function output(numOfActive){
                
                while(linkwrapper.childNodes.length){
                        linkwrapper.removeChild(linkwrapper.childNodes[0]);
                }
                splasher.innerHTML = splashes[numOfActive];
                
                var left = document.createElement("A");
                        left.className = "arrow";
                        left.innerHTML = "<img style=' border:none;' src='http://premiumautopolish.com/wp-content/themes/palmtrees/images/perlev.png' alt='' />";
                        left.href="javascript: void(0)";
                        
                        left.onclick = function(){
                                
                                        counter = (counter + splashes.length - 1) % splashes.length;
                                        //if(counter<0 || counter >2) alert(counter);
                                        output(counter);
                                
                        }
                        
                linkwrapper.appendChild(left);
                
                for(var i=0; i < splashes.length; i++){
                        var lnk = document.createElement("A");
                                lnk.href = "javascript: void(0)";
                                lnk.onclick = function(n){
                                        return function(){
                                                counter = n;
                                                splasher.innerHTML = splashes[n];
                                                output(n);
                                                
                                        }
                                        
                                }(i);
                        links[i] = lnk;
                                
                        if(!(i == numOfActive)){
                                lnk.className = "link";
                        }               else{
                                                lnk.className = "link active";
                                        }
                        
                        linkwrapper.appendChild(lnk);
                }
                
                
                var right = document.createElement("A");
                        right.className = "arrow";
                        right.innerHTML = "<img style='border:none;' src='http://premiumautopolish.com/wp-content/themes/palmtrees/images/perprav.png' alt='' />";
                        right.href="javascript: void(0)";
                        right.onclick = function(){
                                counter = (counter + 1) % splashes.length;
                                output(counter);
                        }
                linkwrapper.appendChild(right);
        }
        
 
        
        
        
        
}
</script>