// libreria de javascript
function PreCarga (objetoImagen, rutaImagen) 
{
    if (document.images)
    {
	eval (objetoImagen +' = new Image()')
	eval (objetoImagen +'.src = "' + rutaImagen + '"')
    }
}

function CambiarImagen (capa,nombreImagen,objetoImagen) 
{
	document.images[nombreImagen].src = eval(objetoImagen + ".src")
}

ap = 0;
maxi=0;
function sig(){
	ap++;	
	if(ap>maxi-1)ap=0;
	document.forms['carrus'].elements['imac'].value = ""+(ap+1)+"/"+maxi;
	CambiarImagen ('divImagen','ImagenC',"im"+ap);
}
function comenzar(){
	sig();
	setTimeout("comenzar();",2000);
	}
function carrusel(rutas){
	n = rutas.length;
	maxi = n;
	for(i=0; i<n; i++)
		PreCarga ("im"+i,rutas[i]);
}

/**** UTILIZAR LA FUNCION CAMBIO DE IMAGEN
EN EL HTML
<SCRIPT language="JavaScript">
PreCarga ('NOMBRE_IMAGEN1','RUTA RELATIVA DE LA IMAGEN')
PreCarga ('NOMBRE_IMAGEN2','RUTA RELATIVA DE LA IMAGEN')
........
PreCarga ('NOMBRE_IMAGEN_n','RUTA RELATIVA DE LA IMAGEN')
</SCRIPT>
<!-- MAS CODIGO -->
<a href="JavaScript:CambiarImagen ('divImagen','miImagen','NOMBRE_IMAGEN1')">Cambiar a NOMBRE_IMAGEN1</a> <br>
<a href="JavaScript:CambiarImagen ('divImagen','miImagen','NOMBRE_IMAGEN2')">Cambiar a NOMBRE_IMAGEN1</a>

<div ID="divImagen" style="position:absolute; left:50; top:200; width:75;">
	<img name="miImagen" src="RUTA RELATIVA DE LA IMAGEN">
</div>
***///