Salve dovrei sostenere l'esame di prigrammazione web e il prof richiede la creazione di una photogallery con html, css e java nella quale cliccando sulle miniature si possa visualizzare l'immagine grande. Purtroppo non riesco a far funzionare il codice
questo è li script
<script language="JavaScript" type="text/javascript">
<!--
var miniatura=new Array();
miniatura[0]=new Image();
miniatura[1]=new Image();
miniatura[2]=new Image();
miniatura[3]=new Image();
miniatura[0].src="Flower1%20miniatura.jpg";
miniatura[1].src="Flower3%20miniatura.jpg";
miniatura[2].src="Flower4%20miniatura.jpg";
miniatura[3].src="Nature3%20miniatura.jpg";

var principale=new Array();
principale[0]=new Image();
principale[1]=new Image();
principale[2]=new Image();
principale[3]=new Image();
principale[0].src="Flower1%20principale.jpg";
principale[1].src="Flower3%20principale.jpg";
principale[2].src="Flower4%20principale.jpg";
principale[3].src="Nature3%20principale.jpg";

function change_img (number)
{ document.principale.src=immagini(number).src;
}



//-->
</script>

Vorrei sapere dove sbaglio, come correggerlo e come associarlo all'html.
questo è l'html
ul class="Photogallery">[*][img]Photogallery_files/Flower1%2520miniatura.jpg[/img][*][img]Photogallery_files/Flower3%2520miniatura.jpg[/img][*][img]Photogallery_files/Flower4%2520miniatura.jpg[/img]
<li id="ultimo">[img]Photogallery_files/Nature3%2520miniatura.jpg[/img]
Grazie