Menù a tendina con immagini che cambiano

[teju]

Ciao gente, ho un menù a tendina, che contiene i nomi di immagini presenti in una cartella.
Ho poi un codicino javascript che mi visualizza l'anteprima dell'immagine accanti al menù a tendina.
Tutto OK quando faccio i test, poi lo metto nel template originale e quando scorro il menù a tendina, al posto di modificarmi l'anteprima accanto, mi modifica la prima immagine che incontra nella pagina... come sistemarlo??

Questo il codice all'interno dell'head:

<script type="text/javascript" language="JavaScript"> 
<!-- 
        function changeImage(form)
        { 
        selection = form.imagename.options[form.imagename.selectedIndex].value; 
        document.images[0].src = selection; 
        } 
--> 
</script> 

Questo il menù con l'immagine accanto:

<select onchange=changeImage(gestfoto) size="1" name="imagename">
<option value="../photo/demo.jpg">------------------------</option>
<option value="../resize.php?maxx=180&maxy=160&src=photo/foto16.jpg">Mauro</option>
</select>
[img]../photo/demo.jpg[/img]

Grazie dell'aiuto

[cavicchiandrea]

immagine affianco al menu:
[img]../photo/demo.jpg[/img]
funzione:

function changeImage(form)
        {
        selection = form.imagename.options[form.imagename.selectedIndex].value;
        document.getElementById("anteprima").src = selection;
        }

[teju]

Grazie mille!