Динамически выбирать изображения для слайд-шоу с помощью javascript

Я использую следующий код, чтобы динамически выбирать изображения из папки, а затем отображать их в режиме слайд-шоу .. но этот код выбирает только первое изображение … пожалуйста, помогите мне, где ошибка …

Файл PHP: named: test.php

<?php header("content-type: application/x-javascript"); function returnimages($dirname=".") { $files = array(); $curimage = 0; //valid image extensions $pattern="(\.jpg$)|(\.png$)|(\.jpeg$)|(\.gif$)"; if($handle = opendir($dirname)) { while(false !== ($file = readdir($handle))) { if(eregi($pattern, $file)){ echo 'galleryarray[' . $curimage . '] = "' . $file . '";'; $curimage++; } } closedir($handle); } return($files); } //Define array in JavaScript returnimages() //Output the array elements containing the image file names echo 'var galleryarray = new Array();'; ?> 

Код HTML:

 <html> <head> <title></title> <script src="test.php"></script> <script type="text/javascript"> var galleryarray = returnimages(); var curimg = 0; function rotateimages(){ // var imagesDirectory = "pics/" + galleryarray[curimg]; var imagesDirectory =galleryarray[curimg]; document.getElementById("slideshow").setAttribute("src", imagesDirectory) curimg = (curimg < galleryarray.length - 1) ? curimg + 1 : 0 } window.onload = function(){ setInterval("rotateimages()", 2500) } </script> </head> <body> <img width="468" height="312" id="slideshow" src="Slide1.jpg"> </body> </html>