Acumular un valor de una variable

[jagp1119]

Hola, estoy haciendo una carrusel de imagenes bastante sencillo en javascript,

Código Java:

function derecha(x){
    document.getElementById("carrusel_foto1").style.left=0-x+"%";
    document.getElementById("carrusel_foto2").style.left=100-x+"%";
    document.getElementById("carrusel_foto3").style.left=200-x+"%";
}
 

Código HTML:

<div id="derecha" onclick="derecha(100)"></div>
            <div id="izquierda"></div>
            
            <div id="fotos">
 
                <div id="carrusel_foto1">
                    <div id="foto1" ></div>
                    <div id="foto2" ></div>
                    <div id="foto3" ></div>
                </div>
                
                <div id="carrusel_foto2">
                    <div id="foto4" ></div>
                    <div id="foto5" ></div>
                    <div id="foto6" ></div>
                </div>
                
                <div id="carrusel_foto3">
                    <div id="foto7" ></div>
                    <div id="foto8" ></div>
                    <div id="foto9" ></div>
                </div>
            </div>
            <div id="arreglaperfil"></div>
 

Ese es más o menos el código que tengo, lo que hago es que cuando doy clic en el identificador "derecha" me corre las cajas de "carrusel_fotox" hacia la derecha, pero solo lo puedo hacer una vez y quisiera hacerlo por lo menos 2 veces, como puedo hacer para que se acumule esa variable?. O que me recomiendan para realizar el carrusel de imagenes?

Gracias :D

[PHPeros]

Puedes definir esa variable en el scope global (fuera de la función), además así queda accesible en cualquier contexto.