Inserer un lien dynamique pour lancement popup sur image dans un slide

Bonjour,

j'ai trouvé ce script qui me va à merveille, sauf que je voudrais
le modifier comme suit:

- Dans mon cas, le nombre d'image étant pas fixe, j'aimerais que les chemins
des images soit indiquées au script Jvs dynamiquement via Php à chaque
chaque chargement de page et de ce script (insertion de variables php).
- Lorsque l'on clique sur l'image en cours, pouvoir lancer une popup avec
l'affichage de la photo selectionnée en grande dimension cette fois.

Je ne suis pas suffisamment costaud en javascript pour reussir cette
modification avec bonheur (le jvs a parfois des fonctionnements tellement
bizarres...).
Je suis sous Mozilla, mais a priori ce script fonctionne également sous IE
et Netscape.
Merci pour vos indication
AT

Voir la démo sur
http://www.dynamicdrive.com/dynamicindex14/interslide.htm

Le source:

<p align="center"><input type="button" id="btnPrev" value="&lt;&lt;
Previous" onclick="Prev();"> <input type="button" id="bntPlay" value="Play -
Stop" onclick="Play()"> <input type="button" id="btnNext" value=" Next
&gt;&gt; " onclick="Next();"></p>

<p align="center"><img id="_Ath_Slide" onload="OnImgLoad()"> </p>

<p align="center"><b>Description:</b> <SPAN id="_Ath_FileName"> </span> <br>
<b>Number of Pictures: <SPAN id="_Ath_Img_X"></span> of <SPAN
id="_Ath_Img_N"></span></b></p>

<p align="center">

<script language="JavaScript1.2">
g_fPlayMode = 0;
g_iimg = -1;
g_imax = 0;
g_ImageTable = new Array();

function ChangeImage(fFwd)
{
if (fFwd)
{
if (++g_iimg==g_imax)
g_iimg=0;
}
else
{
if (g_iimg==0)
g_iimg=g_imax;
g_iimg--;
}
Update();
}

function getobject(obj){
if (document.getElementById)
return document.getElementById(obj)
else if (document.all)
return document.all[obj]
}

function Update(){
getobject("_Ath_Slide").src = g_ImageTable[g_iimg][0];
getobject("_Ath_FileName").innerHTML = g_ImageTable[g_iimg][1];
getobject("_Ath_Img_X").innerHTML = g_iimg + 1;
getobject("_Ath_Img_N").innerHTML = g_imax;
}

function Play()
{
g_fPlayMode = !g_fPlayMode;
if (g_fPlayMode)
{
getobject("btnPrev").disabled = getobject("btnNext").disabled = true;
Next();
}
else
{
getobject("btnPrev").disabled = getobject("btnNext").disabled = false;

}
}
function OnImgLoad()
{
if (g_fPlayMode)
window.setTimeout("Tick()", g_dwTimeOutSec*1000);
}
function Tick()
{
if (g_fPlayMode)
Next();
}
function Prev()
{
ChangeImage(false);
}
function Next()
{
ChangeImage(true);
}

////configure below variables/////////////////////////////
//configure the below images and description to your own.
g_ImageTable[g_imax++] = new Array ("cake.gif", "It's a cake!");
g_ImageTable[g_imax++] = new Array ("bike.gif", "Bike Rider.");
g_ImageTable[g_imax++] = new Array ("player.gif", "Soccer Player.");
g_ImageTable[g_imax++] = new Array ("watch.gif", "Watch Out!!");
g_ImageTable[g_imax++] = new Array ("hurry.gif", "Hurry Up!");
//extend the above list as desired
g_dwTimeOutSec=2

////End configuration/////////////////////////////
if (document.getElementById||document.all)
window.onload=Play
</script>
</p>