var urls = new Array();
urls[1]="http://www.hotelquito.com/index.asp?idioma=sp";
urls[2]="http://www.sdb.org/sdbweb/index.asp?Lingua=3&MySez=21&MySotSez=44&FileCentro=_3_21_44_.htm"; 
urls[3]="http://www.volint.it/";
urls[4]="http://www.fundecyt.info/index.php";
urls[5]="http://www.slec.net/";
urls[6]="http://www.educalibre.cl/";
urls[7]="http://wiki.gleducar.org.ar/wiki/Portada";
urls[8]="http://www.sol.edu/portal/index.php";
urls[9]="http://www.funlam.edu.co";
urls[10]="http://www.softwarelibre.org.pe/";

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+".gif";
			if(this.cont<10)
				prefix = "0"+this.cont+".gif";
			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+")";
			$("url").href=urls[this.cont];
			//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);
	}
}