Доброго времени суток.

Имеется php цикл вывода картинок

include ("config.php");

$nid=20;///к примеру

$photo = mysql_query ("SELECT * FROM files WHERE newsid='$nid' "); 
while($wphoto=mysql_fetch_array($photo))      {

echo 'files/'.$wphoto['filename'].' - '.$wphoto['id'].'</br>';

$a="'files/".$wphoto['filename']."'";

}

Результат примерно такой:

files/a103bfba945f183f374f7e3f3b610e42.jpg - 25
files/3c120e910a296ebd276d7800aca473ec.jpg - 26
files/5f57980c4a7f6665d7d140bfe78842a7.jpg - 27
files/e0570a3768d1aa4345cc2837854c77f6.jpg - 32

как видно id может идти не по порядку, поэтому id++ не подходит

нужно сделать так чтобы выводилась первая, а при нажатии на нее следующая, следующая, и так далее по кругу.

как я понял нужно как-то этот массив передать поочередно в яваскрипт, возможно нужно использовать JSON? объясните хотябы принцип как это можно сделать,

прикладываю основу скрипта, это подмена картинки когда мы знаем конкретно ее адрес, проще говоря вывод картинки по нажатию на нее, а мне нужно чтобы по нажатию выводилась следующая из массива, и по кругу

<script type="text/javascript">

function l_image (a, id) 
{

document.getElementById(id).src=a
} 
</script>

<a href="javascript:l_image('.$a.', '.$nid.')"; "><img src="files/preview/'.$wphoto['filename'].'" height="11%" ></a>