Agregar dinámicamente imágenes con slideshow2!

[jb_scripting]

Hola, estoy intentado crear un slideshow para una de mis web, el código que utilizo está partiendo del código de un slideshow bastante completo que hace uso de la libreria mootools. El código es el siguiente:
<script type="text/javascript">
//<![CDATA[
window.addEvent('domready', function(){
var data = {
'1.jpg': { caption: 'Volcano Asención in Ometepe, Nicaragua.' },
'2.jpg': { caption: 'A Ceibu tree.' },
'3.jpg': { caption: 'The view from Volcano Maderas.' },
'4.jpg': { caption: 'Beer and ice cream.' }
};
var myShow = new Slideshow('show', data, {controller: false, height: 150, hu: 'images/', thumbnails: true, width: 1024});
});
//]]>
</script>

El problema que tengo es que me gustaría poder usar las imágenes que tengo en un directorio llamado galería, pero no tener que especificarlas una a una, es decir, que use todas las que hay en el directorio. He hecho un bucle for para ir creando las líneas que muestro arriba en el script de esta manera:
var data = {
<?php
for($i = 0; $i<count($arrayphp); $i++){
echo 'data['. $i .'] = '.$arrayphp[$i].';\n';
}
?>

arrayphp contiene los nombres de los ficheros de imágenes.
Un saludo!!!