Slide in java + lightBox

[dagobianco]

Salve a tutti.
oggi ho riscontrato il seguente problema, e non riesco a capire il perchè...
spero che qualcuno mi aiuti a risolvere il quesito.
dunque... tramite lo script presente nella sezione javascript/gallery ho implementato questo codice per poter caricare delle immagini dinamicamente e ingrandirle tramite LightBox.

il problema è che la prima immagine la carica alla perfezione e la ingrandisce con light box, mentre scorrendo le immagini si caricano bene ma le ingrandisce senza light box.

immagino che il problema sia la differenza di caricamento tra la prima e le altre e cioè:
la prima viene caricata tramite: document.write('<div>'+imghtml+'</div>')
mentre le altre:document.getElementById("imagecontainer").in nerHTML=imghtml

spero di essermi spiegato.
di seguito posto il codice...

<script type="text/javascript">
var numberslide=new Array()

numberslide[0]=["resize_imm.php?url=public/big/IELG-1.jpg&x=250&y=250", "public/big/IELG-1.jpg"]
numberslide[1]=["resize_imm.php?url=public/big/IELG-2.jpg&x=250&y=250", "public/big/IELG-2.jpg"]
numberslide[2]=["resize_imm.php?url=public/big/IELG-3.jpg&x=250&y=250", "public/big/IELG-3.jpg"]


var myrel="lightbox" //specify optional link target

var preloadit=new Array()
for (i=0;i<numberslide.length;i++){
preloadit[i]=new Image()
preloadit[i].src=numberslide[i][0]
}

var currentindex=""

function changeslides(which){
var imghtml=""
currentindex=(which=="initial")? 0 : parseInt(which)
var mode=(which=="initial")? "initial" : ""
var which=(mode=="initial")? numberslide[0] : numberslide[which]
if (which[1]!="")
imghtml='<a href="'+which[1]+'" rel="'+myrel+'">'
imghtml+='[img]'+which[0]+'[/img]'
if (which[1]!="")
imghtml+='</a>'

if (mode=="initial")
document.write('<div>'+imghtml+'</div>')
else{
document.getElementById("imagecontainer").innerHTML=imghtml
}
}

function goforward(){
if (currentindex<numberslide.length-1)
changeslides(currentindex+1)
}

function goback(){
if (currentindex!=0)
changeslides(currentindex-1)
}
</script>

<div id="slideshowContainer">
<div id="imagecontainer">
<script type="text/javascript">
changeslides("initial") 
</script>
</div>

<div id="backforthbuttons">
   <div align="left">
    [url="javascript:goforward()"]Next Photo >[/url] 
    [url="javascript:goback()"]< Previous Photo[/url]</div> 
</div> 

[dagobianco]

come non detto!
ho risolto!
e vi posto la soluzione...
in pratica richiamo la funzione initLightbox() subito dopo document.getElementById("imagecontainer").innerHTM L=imghtml

spero possa essere utile!!!

ciaoxxx