Carrousel de imagenes

[facuferrari]

Hola que tal, necesito desarrollar un carrousel de imagenes que cuando haga click en una imagen la abra en grande, pero que además pueda recorrer la galeria en ese carrousel, es decir ir para adelante y atras.

esta función lo que hace es abrir una nueva ventana de 500 x 500 px y crea los elementos del carrousel, pero no se cómo ni dónde indicarle que cambie a la siguiente imagen. Si alguien puede darme una ayuda por favorrr le agradeceriaa muchoo.

Código Javascript:

function open_win(num)
{
function open_win(num)
{
var foto = num;
 
    function change_img_fow(){
        foto++;
        galery.document.getElementById("gal").src = "img/nac_galeria" + foto + ".jpg";
    }
    
            foto = num;
            galery = window.open("","galery",config="height=500"+",width=500"+"");
            galery.document.write("<title>Monedas del mundo</title>");
            
            galery.document.write("<p style='position:absolute;right:20px;top:35px;font-size:20px;color:#000;font-family:Arial, Helvetica,    sans-serif;cursor:pointer;' onclick = 'window.close()'>x</p>");
            
            galery.document.write("<p style ='position:absolute;left:20px;top:225px;font-size:35px;color:#000;font-family:Arial, Helvetica, sans-serif;cursor:pointer;' onclick =''><</p>");
            
            galery.document.write("<img src='img/nac_galeria" + foto + ".jpg' id='gal' height='350px' width='350px' style='position:absolute;left:70px;top:65px;padding:5px;border:1px solid #000;'>");
            
            galery.document.write("<p style ='position:absolute;right:20px;top:225px;font-size:35px;color:#000;font-family:Arial, Helvetica, sans-serif;cursor:pointer;' onclick = 'change_img_fow()'>></p>");
    }
    }