//window.addEvent('load', function() {
	var Slide = new Array();
	var Nombre_Foto = [];
	var Foto_Actual = -1;
	var Foto_Old = -1;
	
	
	//si hay alguna imagen cargada / visible
	var loaded = false;



	
	function Ver_Galeria (e) {
		var e = new Event(e).stop();
		
		$('container_foto').getElements('img').each (function (el, index) {
			var src = $(el).get('src');
			//alert(src + " " + src.substring(0, src.length - 4).replace("images/", "").replace("galerias/", ""));
			document.location.href = src.substring(0, src.length - 4).replace("images/", "").replace("galerias/", "") + "/";
		});
	
	}

	//carga la imagen, y adapto el container_foto al tamaño de la imagen cargada	
	function Load_Image (img) {		
		var loadedImages = [];
		
		var images = [img];
		
		//alert(img + " " + $('container_foto'));
				
		var loader = new Asset.images(img, {
			onProgress: function(counter,index) {
				loadedImages[index] = this;
			},
			onComplete: function() {	
				images.each(function(im) {
					new Element('img',{ src:im, alt:"Visita la galería", style:'', id:'foto_cargada', width:loadedImages[0].width, height:loadedImages[0].height}).inject($('container_foto'));

					loaded = true;
										
					var img_top = (($('imagen').getCoordinates().height -10)  / 2)- (loadedImages[0].height / 2);
					//alert($('imagen').getCoordinates().height + " " + loadedImages[0].height + " " + img_top);
					$('foto_cargada').setStyles({
						'opacity': 0						
					});
												
					//adapto el contenedor al tamaño de la imagen	
					var Efecto = new Fx.Morph($('container_foto'));						
					Efecto.start ({
						link:'chain',
						'width': loadedImages[0].width,
						'height': loadedImages[0].height,
						'top': img_top,
						'opacity': 1
					});	

					//efecto opacity al cargar la imagen
					var fx = new Fx.Tween($('foto_cargada'));
					fx.start('opacity', '0').chain(function() {
						this.start('opacity', '1');
					});
					
					setTimeout(Siguiente, 6000);

				});
			}
		});
	}
	
	function Cambiar_Imagen() {
			var slide = $('imagen_slide');
			var fx = new Fx.Tween(slide);

			fx.start('opacity', '0').chain(function() {
				this.start('opacity', '1')																
				$('imagen_slide').set('html', "<a style='margin:0 auto;' href='" + Lista_Imagenes[id_imagen].substring(0, Lista_Imagenes[id_imagen].length - 4).replace("images/", "").replace("galerias/", "") + "/' title='Pulsa sobre la imagen para ir a la galería'><img src='" + Lista_Imagenes[id_imagen] + "' border='0' alt='" + Lista_Imagenes[id_imagen] + "' /></a>");					
			}).chain(function() {
				//this.start('opacity', '1')
			});												
			
			id_imagen += 1;
			if (id_imagen > Max_Imagenes) {			
				id_imagen = 0;
			}

			setTimeout(Cambiar_Imagen, 6000);
		}
	
	
		
	//Cierro el contenedor de las imagenes
	function Close_Container () {
		var Efecto = new Fx.Morph($('container_foto'));	
		Efecto.start({
			'width': 0,
			'height': 0,
			'background-color': '#1a1a1a',
			'opacity': 0
		});
	
		Foto_Actual = -1;
		loaded = false;
	}
	
	//Cierro la imagen actual
	function Close_Thumb(ind) {		
	
		var fx = new Fx.Tween($('foto_cargada'), {
			link: 'chain',
			duration:500,
			onComplete: function(passes_tween_element){
				//elimino la imagen anterior
				$$('#container_foto img').each(function(image) {
					image.dispose();
				});
				
				Load_Image(Slide[ind]);					
			}
		});
		fx.start('opacity', '0');
	}
		
	//obtengo la ruta de la imagen a cargar, elimino la imagen anterior (si existe), llamo a la funcion de cargar la imagen
	function Show_Thumb(ind) {
		Foto_Old = Foto_Actual;
		
		Foto_Actual = ind; //id=fotoX			
		
		//si hay alguna imagen cargada
		if (loaded == true) {
			Close_Thumb(ind);
		} else {
			//Cargo la imagen	
			Load_Image(Slide[ind]);	
									
		}
	}
	
	
	//muestro la imagen siguiente a la actual
	function Siguiente() {		
		if (Foto_Actual == -1) {
			Show_Thumb(0);
		} else {
			Show_Thumb((Foto_Actual+1)%Slide.length);
		}
	}
	
	/********* INICIALIZAR SLIDE *************/
	function Inicializar_Slide (imagenes) {
		
		$('container_foto').addEvent("click", Ver_Galeria);
		Slide = imagenes;
		
		//alert(Slide[0] + " " + imagenes.length);
		
		Siguiente();
	}



	
	
	
	
	
	
	
//});