innerHTML non funziona

[ptransidico]

ciao ho una javscript cosi fatto:

<script type="text/javascript">
<!--

pictures = new Array();

pictures[0] = "<div id=\"webcam_meteo_box\"><img src=\"http://www.imb.it/fullsize2.jpg\" /></div>"
pictures[1] = "<div id=\"webcam_meteo_box\"><img src=\"http://151.38.133.10:2001/record/current.jpg\" /></div>"
pictures[2] = "<div id=\"webcam_meteo_box\"><img src=\"http://www.iq2rd.it/webcam/webcam.jpg\" /></div>"
pictures[3] = "<div id=\"webcam_meteo_box\"><img src=\"http://www.milanocam.it/duomo/duomo_low.jpg\" /></div>"
pictures[4] = "<div id=\"webcam_meteo_box\"><img src=\"http://www.milanocam.it/castello/castello_low.jpg\" /></div>"
pictures[5] = "<div id=\"webcam_meteo_box\"><img src=\"http://www.fashionschool.com/fashion_school.jpg\" /></div>"
pictures[6] = "<div id=\"webcam_meteo_box\"><img src=\"http://www.meteorete.it/webcam300.php\" /></div>"
pictures[7] = "<div id=\"webcam_meteo_box\"><img src=\"http://www.hotel-galles.it/public/webcam.jpg\" /></div>"
pictures[8] = "<div id=\"webcam_meteo_box\"><img src=\"http://www.webcamview.eu/webcamimages/hotelbernina-39473526.jpg\" /></div>"

var pictureNumber = 0;

var totalNumber = pictures.length;

function previous(){

if (document.images){
if (pictureNumber > 0) {
pictureNumber=pictureNumber-1;
} else {
pictureNumber = totalNumber-1;
}
div = document.getElementById("webcam_meteo_box");
if (div.innerHTML) {
div.innerHTML(pictures[pictureNumber]);
}


}
}


function next(){
if (document.images){
if (pictureNumber < totalNumber-1) {
pictureNumber=pictureNumber+1;
} else {
pictureNumber = 0;
}
document.images.slides.src = pictures[pictureNumber]
}
}

//-->
</script>

e nell'html questo

<div id="webcam_meteo_box">
&laquo; Indietro

&raquo; Avanti
</div>

lo scopo e di andare avanti indietro con le immagini ma non fnziona dove sbaglio??

[br1]

Inventarsi una sintassi non e' sempre premiante...

div.innerHTML = pictures[pictureNumber];

Ho qualche dubbio sull'opportunita' di chiamare una variabile "div" :master:

ciao