crear funcion galeria de imagenes + borde de color

[descargascisi]

Hola
tengo un array con imagenes (para una galeria de imagenes) que quiero comprar con unas imagenes mini que son distintas (algo modificadas). Una vez que vayan pasando en la galeria quiero que en la mini aparezca reflejado con un borde

tengo este codigo:
var imagenes = new Array ("Img1.jpg","Img2.jpg","Img3.jpg");

largo = imagenes.length;

i=0;

function Siguiente()
{
i++; if(i==largo) i=0;
imgGaleria.src = imagenes[i];
for(var i=0;i<imagenes.length;i++){
if(i==1){
document.foto1.border = "4px solid #00FF00";
break;
}
}
}

*********
<div id="galeria_miniaturas" align="center">
<img id="foto2" class="miniatura" onclick="javascript:document.getElementById('imgGa leria').src='Img1.jpg;" src="Img_mini2.jpg" height="30%" width="50"/>
<img id="foto2" class="miniatura" onclick="javascript:document.getElementById('imgGa leria').src='Img1.jpg;" src="Img_mini2.jpg" height="30%" width="50"/>

*********
<img src="Imflecha.jpg" onclick="Siguiente ()" />

Me pueden ayudar para que al pulsar la funcion siguiente vea la foto en el visor y en la mini aparezce recuadra con un borde de color?

muchas gracias