function Animacion(base,max){	
	this.base = base;
	this.cont = 1;
	this.img1 = true;
	this.maximo = max;
	this.inicia = function(){		
		(function(){
			//se incrementa el contador
			this.cont++; 
			//al llegar al maximo la animacion se inicia
			if(this.cont > this.maximo){
				this.cont = 1;
				}
			var im = "img1";
			var prefix = this.cont+".jpg";
			//alert(prefix);
			if(this.cont<10)
				prefix = "0"+this.cont+".jpg";
			if(this.img1){
				this.img1 = false;
				im = "img2";
			}else
				this.img1 = true;
			//se asigna la nueva imagen a la capa que no se esta viendo
			$(im).style.backgroundImage = "url("+this.base+"/"+prefix+")";
			//se desaparece la capa con la nueva imagen
			new Fx.Style(im, "opacity").set(0);
			//esta funcion espera un segundo antes de ahcer la transición
			(function(){
				//crea el efecto para las dos capas
				var x = new Fx.Style("img1", "opacity");
				var y = new Fx.Style("img2", "opacity");
				//aparece y desaparece las capas
				if(this.img1){
					x.start(0,1);
					y.start(1,0);
				}else{
					x.start(1,0);
					y.start(0,1);
				}
			 }
			).delay(1000,this);
		 }
		//Este es el temporizador, se ejecutará cada tres segundos
		).periodical(3000,this);
	}
}