galeria fotos

[Bhen]

Mi objetivo es hacer una galeria de fotos, donde la pulsar siguiente o anterior para a la siguiente imagen, y si haces click encima de la imagen esta enlace a la imagen en mayor tamaño. Hago lo siguiente:

Código HTML:

var misImagenes= new Array(3) 
  misImagenes [0]= "001.jpg"; 
  misImagenes [1]= "002.jpg"; 
  misImagenes [2]= "003.jpg"; 
  misImagenes [3]= "004.jpg"; 
var i = 0; 
//funcion de carga de la primera imagen 
function cargarImagen(){ 
  document.imgSrc.src = misImagenes[i] ; 
} 
  
function anterior(){ 
  if(i<1){     var NumImagen = i 
  } else {     var NumImagen = i-=1; 
  } 
  document.imgSrc.src = misImagenes[NumImagen]; 
} 
  
function siguiente(){ 
  if(i>2){     var NumImagen = i 
  } else {     var NumImagen = i+=1; 
  } 
  document.imgSrc.src = misImagenes[NumImagen]; 
} 
  
//Llamar a la función 
window.onload=cargarImagen; 
  
</script> 

Todo me funciona correctamente, excepto el enlace para que salte a la imagen en grande, pues el enlace lo pongo como sigue:

Código HTML:

<a href="<? echo $ruta_fotos.$misImagenes [$cont]; ?>" >
<img name="imgSrc" id="imgSrc" >
</a> 

donde en la variable $misImagenes [] tengo el nombre de las imagenes, y $cont sería en contador dela imagen, pero claro al ser en php actua en el servidor, y como la galeria funciona en el cliente, no actualiza el valor del contador.
¿Como podría hacer para que acceda a la imagen que deseo mediante el enlace y en javascript, y así al pulsar en la imagen q salte a la misma imagen en grande??
Muchas gracias!!