Salve a tutti,

sto cercando di creare una semplice galleria fotografica con javascript.
La mia idea è quella di assegnare una URL al tag <img> in base alla miniatura clickata.
Per fare ciò ho pensato di creare una piccola funziona che vada a modificare l'attributo src del tag in questione, tramite il metodo getElementById.
purtroppo però il metodo non riesce a recuperare l'id dell'elemento restituendomi questo errore:
Uncaught TypeError: Cannot set property 'src' of null

ho provato anche ad inserire lo script in fondo al body ma nulla.

Sapreste aiutarmi per favore?

questo è il codice:

codice:
<html>
<head>
   <link rel='stylesheet' href='css/galleria.css' type='text/css'> 
   <script type="text/javascript"> 
      function changeStyle(url){ 
         document.writeln(url);
         document.getElementById("ante").src = url;
      } 
      function load(){
         alert("caricato");
      }
   </script>
</head>
<body onload="load()">
<div class="gallery">
   <div class="anteprima">
      [img]css/portfolio/immagine.jpg>[/img]
   </div> 
   <div class="miniat">
      <a href="javascript:changeStyle('css/portfolio/immagine2.jpg')">     
            <div class="mini">
               [img]/css/portfolio/miniature/miniatura.jpg[/img]
            </div>
         </a> 
   </div>
</div>
</body>
</html>