Udskriv array i JavaScript fra mappe el. db

Jeg har disse to scripts som skal bruges til at udskrive et array i JavaScript. Arrayet skal indeholde de billeder som ligger i en bestemt mappe.

Jeg har disse to scripts.
Det første som udskriver hvad der ligger i den angivne mappe og det andet som udskriver hvad der ligger i tilhørende database.
Mappescriptet virker fint men udskriver billederne i alfabetisk rækkefølge. Det skal udskrives i den rækkefølge som de ligger i databasen.
Derfor har jeg lavet det andet men jeg kan ikke få det til at virke. Hvad er galt??
Der er ingen fejlmeddelelser og kildekoden giver præcis samme resultat i de to scripts.
// Mappescript
function dirList ($directory){
$results = array();
$handler = opendir($directory);
while ($file = readdir($handler)) {
if ($file != '.' && $file != '..')
$results[] = $file;
}
closedir($handler);
return $results;
}

$katalog = (dirList("./pictures/"));
$suma = count ($katalog);
for ($i=0;$i<$suma;$i++)
{
$plik = $katalog[$i];
$size = getimagesize("pictures/$plik");
$szerokosc = $size[0];
$wysokosc = $size[1];
$n = $i+1;
if ($i==$suma-1) {print "new Array(\"$plik\", \"$szerokosc\", \"$wysokosc\", \"Photo number: $n\")\n"; }else{
print "new Array(\"$plik\", \"$szerokosc\", \"$wysokosc\", \"Photo number: $n\"),\n";}
}

//Databasescript
    $i=1;
    $antal = 30;
   
    $database = "mariaedwards";
    require_once('../../db/db_connect_local.php');
    $query = mysql_query("SELECT * FROM pictures");
   

    while($row = mysql_fetch_array($query))
    {
        if($i<= $antal)
        {
            $size = getimagesize("pictures/".$row['filename']);
            echo "new Array(\"". $row['filename'] ."\", \"". $size[0] ."\", \"". $size[1] ."\", \"Photo number: ". $i ."\"),\n";
           
            $i++;                           
        }
    }