Anular la función de clearInterval

[gcrlink]

Saludos a todos...

¿Abrá alguna manera de desactivar la función de clearInterval()?

Me explico. Estoy probando una galería de imágenes que tiene el siguiente código:

Código HTML:

<div id="titulo">
<h1>GALERÍA DE FOTOS CON CSS + JAVASCRIPT</h1>
</div>
 
<div id="boton">
<input id="button" type="button" value="mas fotos" onclick="javascript: llamar()"></input><br/>
<input id="button" type="button" value="Mariano Civico"></input><br/>
<input id="button" type="button" value="Grupo Niche"></input><br/>
<input id="button" type="button" value="Plan B"></input>
</div>
 
<div id="galeria">
<a href="#"><img class="small" src="1.jpg" alt="" /><span><img src="1.jpg" alt="" /></span></a>
<a href="#"><img class="small" src="2.jpg" alt="" /><span><img src="2.jpg" alt="" /></span></a>
<a href="#"><img class="small" src="3.jpg" alt="" /><span><img src="3.jpg" alt="" /></span></a>
<a href="#"><img class="small" src="4.jpg" alt="" /><span><img src="4.jpg" alt="" /></span></a>
<a href="#"><img class="small" src="5.jpg" alt="" /><span><img src="5.jpg" alt="" /></span></a>
<a href="#"><img class="small" src="6.jpg" alt="" /><span><img src="6.jpg" alt="" /></span></a>
<a href="#"><img class="small" src="7.jpg" alt="" /><span><img src="7.jpg" alt="" /></span></a>
<a href="#"><img class="small" src="9.jpg" alt="" /><span><img src="9.jpg" alt="" /></span></a>
<a href="#"><img class="small" src="10.jpg" alt="" /><span><img src="10.jpg" alt="" /></span></a>
<a href="#"><img class="small" src="11.jpg" alt="" /><span><img src="11.jpg" alt="" /></span></a>
</div>
 
<div id="img_grande">
<h1>Pasa el cursor por las imágenes para verlas más grandes</h1>
</div>
 

La capa galería tiene como parámetro de estilo un overflow: hidden. Jugando un poco con document.getElementById('galeria').scrollTop y también con setInterval y clearInterval logré obtener que al hacer click sobre un botón las imágenes se vallan desplazando una a una de manera controlada. El javascript queda de la sigueinte manera:

Código Javascript:

<script type="text/javascript">
<!--
var img = 79;
var move = 0;
var time;
function masImagenes()
{
move += 1;
if (move < img*4)
{
  document.getElementById('galeria').scrollTop = move;
}
if (move == img || move == img*2 || move == img*3 || move == img*4)
{
  clearInterval(time);
}
}
function llamar()
{
time = setInterval('masImagenes()',10);
if (move == 316)
{
  document.getElementById('galeria').scrollTop = 0;
}
}
// -->
</script>
 

Luego de que el desplazamiento de imágenes alcanza el valor de img*4 (o sea 316) la posición de las imágenes regresa a su estado inicial, o sea scrollTop = 0.

El problema que tengo es que quiero que cuando la galería regrese a su estado inicial pueda llamar a la función nuevamente una y otra vez. Como si fuera un loop infinito.

Alguien me puede ayudar con esto. Se lo agradezco de antemano.