[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>