Javascript en PHP dentro de Javascript

[tld32]

La consulta es un tanto complicada y seguramente sea debido a que me he enrollado como las persianas, pero a ver si me podéis echar una mano, que realmente me estoy volviendo loco...

La situación es la siguiente:

Tengo un script en JS que me muestra imágenes mediante un bucle, hasta que llega al límite y se para. Estas imágenes se encuentran en una carpeta en concreto, pero quiero que únicamente me muestre aquellas imágenes que he obtenido mediante PHP/MySQL en un array.

El código PHP es el siguiente:

Código PHP:

/*conexion base de datos*/
$database = "BASE DE DATOS";
$table = "TABLA";
$mysql_connect = mysql_connect("localhost","USUARIO","PASSWORD");
$mysql_selectdb = mysql_select_db($database, $mysql_connect);
 
/*consulta a la base de datos*/
$consulta_filtro = mysql_query("SELECT ID FROM ".$table." WHERE ojos='marrones'");
$cant_filtro = mysql_num_rows($consulta_filtro);
 
$i = 1;
while( $row = mysql_fetch_array($consulta_filtro)){
$photo_id[$i] = $row["ID"];
 
$i++;
}
 

De este modo he almacenado las imágenes que quiero en $photo_id, donde únicamente tengo que indicar el nº de la imagen que quiero mostrar.

El código JS es el siguiente:

Código Javascript:

<script src="assets/javascript/mootools-core-1.3.2.js" type="text/javascript" charset="utf-8"></script> 
    <script src="assets/javascript/mootools-more-1.3.2.1.js" type="text/javascript" charset="utf-8"></script> 
    <script src="assets/javascript/funciones.js" type="text/javascript" charset="utf-8"></script> 
    <script type="text/javascript" language="javascript">window.addEvent("domready", function(){
    
var maxLength    = <?PHP echo $cant_filtro;?>; // Max Number images
var contadorImagenes = 1
 
var mosaicoImagenes = new Wall("wall", {
                callOnUpdate: function(items){
                    items.each(function(e, i){
                      var a = new Element("img[src=/images/"+contadorImagenes+".jpg]");
    
                        counterFluid++;
                        
                        // Reiniciar contador
                        if( contadorImagenes > maxLength ) contadorImagenes = 1;
                    })
                }
            });
// Init Wall
mosaicoImagenes.initWall();
});</script>
 

De este modo, lo que quiero hacer es sustituir el contador normal, que muestra por orden numérico las imágenes y de tal modo que no se puede alterar dicho orden, por las imágenes que he obtenido de la base de datos, de tal modo que a nivel técnico lo que quiero es:

$photo_id[contadorImagenes] cosa que realmente no se como puedo hacerlo... He probado de insertar la variable "contadorImagenes" mediante etiquetas <script language="javascript"..., texto normal, etc... pero no ha habido forma.
¿Se os ocurre algún modo?

Muchas gracias, la verdad es que le doy muchas vueltas y no encuentro la solución.