/*
// -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- ---- -- -- -- -- -- -- -- -- -- -- -- -- -- -- 
   GaleriaImagenesFX1 extiende GaleriaImagenes
   Namespace com.acuataller.ui
   version:  d01-m02-a07
//  -- -- -- -- -- -- -- -- --
//  Mauricio F. Tolezano (www.acuataller.com)
// -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- ---- -- -- -- -- -- -- -- -- -- -- -- -- -- -- 
// 
//
*/


com.acuataller.ui.GaleriaImagenesCompactaFX1 = {
	
	galeriaImagenes			: null,
	seleccionAnimacion		: null,
	ampliacionAnimacion		: null,		
		
		
	iniciar : function(idNavImagenes, idContenedorAmpliacion, etiquetaCerrarAmpliacion) 
	{			
		var preferencias = { 
							vista	 :{	vistaPrecarga			: this.vistaPrecarga, 
										vistaFinPrecarga		: this.vistaFinPrecarga, 
										vistaCerrarAmpliacion	: null,
										crearAmpliacion			: null,
										scope					: this
									}		
							};
		
		this.galeriaImagenes = com.acuataller.ui.GaleriaImagenes;
		this.galeriaImagenes.iniciar(idNavImagenes, idContenedorAmpliacion, preferencias);

		//Animacion imagen ampliada.
		this.ampliacionAnimacion = new Animator().addSubject(
			new CSSStyleSubject(this.galeriaImagenes.ampliacion.imagen , 'opacity: 0.0;','opacity: 0.99;')
		);
		
		
		this.crearHTML(etiquetaCerrarAmpliacion);		
	},
	
	
	vistaPrecarga : function()
	{
		if(this.seleccionAnimacion) {
			// En caso que se interrumpa una precarga para inciar otra.
			this.seleccionAnimacion.duration = 1;
			this.seleccionAnimacion.seekTo(0);
		}

		this.seleccionAnimacion = new Animator().addSubject(
			new CSSStyleSubject(this.galeriaImagenes.seleccion.getElementsByTagName('img')[0], 'opacity: 0.99;','opacity: 0.45;')
		);	
		this.seleccionAnimacion.duration = 800;
		this.seleccionAnimacion.seekTo(1);
		
		
		this.ampliacionAnimacion.options.duration = 10;
		this.ampliacionAnimacion.seekTo(0);			
	},
	
	vistaFinPrecarga : function()
	{
		this.seleccionAnimacion.duration = 1;
		this.seleccionAnimacion.seekTo(0);
		
		this.ampliacionAnimacion.options.duration = 400;
		this.ampliacionAnimacion.seekTo(1);	
	},
	
	
	crearHTML: function(etiquetaCerrarAmpliacion) 
	{		
		var u = new com.acuataller.utiles.Utiles();
		
		// Contenedor icono "Cargando".
		for (i=0; a=this.galeriaImagenes.navImagenes.getElementsByTagName('a')[i]; i++)
		{
			a.appendChild( u.createElement('span') );
		}	
		
		// Cerrar ampliacion.
		var enlaceCerrarAmpliacion	= u.createElement('a');
		enlaceCerrarAmpliacion.href	= '#';
		enlaceCerrarAmpliacion.id	= 'lk-galeria-cerrar-ampliacion';
		enlaceCerrarAmpliacion.appendChild( u.createTextNode(etiquetaCerrarAmpliacion) );
	
		var _this = this.galeriaImagenes;
		enlaceCerrarAmpliacion.onclick=function() {
			_this.cerrarAmpliacion();			
			return false;
		}
		this.galeriaImagenes.ampliacion.contenedor.insertBefore(enlaceCerrarAmpliacion, this.galeriaImagenes.ampliacion.contenedorImagen);
	}
	
}