[JavaScript] Galleria di immagini: come fare il popup dell'immagine corrente?

[fbcyborg]

Salve,

ho fatto una galleria di immagini con uno script trovato in giro per la rete e vorrei fare in modo che quando clicco sull'immagine corrente, mi si apra un popup con l'immagine ingrandita alle dimensioni reali.

Il file HTML è il seguente:
<script type="text/javascript" src="javascript/immagini.js" ></script>
<script>
var immagini = new Array ("images/pav1.jpg",
"images/pav2.jpg",
"images/pav3.jpg",
"images/pav4.jpg");
</script>

<div align="center">
<a href=[..???..] target="_blank">
<img src="images/pav1.jpg" name="slides1" height="200" width="150" /></a>
<br />
<a href="javascript:previous(immagini,document.images.slides1,0)" align="left">Indietro</a>
<a href="javascript:next(immagini,document.images.slides1,0)" align="right">Avanti</a>
</div>
</body>
</html>

Lo script è questo:
var contatori = new Array(0,0,0,0,0);

function previous(array,slide,i){
if (document.images){
if (contatori[i] > 0) contatori[i]--
slide.src = array[contatori[i]]
}
}

function next(array,slide,i){
if (document.images){
if (contatori[i] < array.length-1) contatori[i]++
slide.src = array[contatori[i]]
}
}

Ho messo l'array perché ho più immagini/gallerie nello stesso file html.

Ho provato a fare così ma non funziona e non so proprio cosa mettere per catturare il valore di src corrente:
<a href="javascript:document.images.slides1.src" target="_blank">
<img src="images/pav1.jpg" name="slides1" height="200" width="150" /></a>