Event.observe(window,'load',cargaEventosCIL);

var cil_efecto_aparece_tiempo = 0.5;
var cil_efecto_desaparece_tiempo = 0.5;

var cil_imagenes_grandes = new Array();
var cil_contenedor_imagen;
var cil_actual = 0;

function cargaEventosCIL() {
	cil_contenedor_imagen = $('cil_contenedor');
	
	$$('img.cil_enlace').each(function(s,index){
		var tmp_img = new Image();
		tmp_img.src = s.getAttribute('i_img');
		cil_imagenes_grandes.push(tmp_img);
		s.setStyle({cursor: 'pointer'});
		Event.observe(s,'click',cambiaImagenCIL);
	});
}

function cambiaImagenCIL() {
	if ( parseInt(this.getAttribute('i_id')) != cil_actual ) {
		ocultaImagenCLI(this.getAttribute('i_id'),this.getAttribute('i_img'));
	}
}

function ocultaImagenCLI(id,imagen) {
	Effect.Fade(cil_contenedor_imagen, { duration: cil_efecto_desaparece_tiempo, queue: { position: 'end', scope: 'cil_scope', limit: 1 }, afterFinish: function(e) { muestraImagenCLI(id,imagen) } } );
}

function muestraImagenCLI(id,imagen) {
	cil_contenedor_imagen.setAttribute('src', imagen);
	cil_actual = parseInt(id);
	Effect.Appear(cil_contenedor_imagen, { duration: cil_efecto_aparece_tiempo, queue: { position: 'end', scope: 'cil_scope', limit: 1 } } );
}