PHP output i javascript

Hej

Jeg har http://www.madsfoto.dk og ved at redigere i javascript koden kan jeg ændre hvilke billeder der bliver vist som slideshow.

Den relevante kode er:
<script type="text/javascript">
jQuery(function($){
$.supersized({
slides:
[
[image:'http://www.madsfoto.dk/bgimg/1.jpg', title : '', url : ''},
{image:'http://www.madsfoto.dk/bgimg/2.jpg', title :'', url : ''},
{image:'http://www.madsfoto.dk/bgimg/3SB.jpg', title :'', url : ''},
{image:'http://www.madsfoto.dk/bgimg/4VMD.jpg', title :''
]
});
});
</script>

For at gøre livet lettere for mig selv har jeg lavet et php script der viser hvilke filer der findes i /bgimg/* (se http://madsfoto.dk/dir.php )

Jeg vil nu gerne have kombineret de to ting, men er i tvivl om hvordan det rent praktisk skal gøres.
Min umiddelbare ide var at lave php scriptet så det dump outputtede den javascript jeg skal bruge indtil de links i bgimg, køre mit dir script og vende tilbage til dum output.
Noget i stil med
<?php
echo="<script type="text/javascript">" </?>

Er det den rigtige måde at gøre det på eller skal jeg tænke i helt andre retninger?
Jeg er overbevist om der findes et klogt hoved derude der kan se løsningen :)

Med venlig hilsen
Mads Johansen