window.addEvent('domready', function() {
					
	var dir=1;
	var ultima=false; // si estamos en la ultima foto, hay que ir a la primera foto
	var galeria_actual=0;  // para poner la miniatura en gris sólo si seguimos en la misma galeria
	
	document.getElements('a.mini,a.mini_end,div.image').addEvent('click', function(){
				
				
		if(this.hasClass('bigImage')){ // click en la imagen grande	
			src = this.childNodes[1].src;
			gr = src.split('/');
			gr = gr[gr.length-1]; // nombre de la foto en grande
			
			
			
			var nodos = this.nextSibling.nextSibling.childNodes;
			var i=-1;
			while (i<nodos.length && ultima==false){
				 // gr: la grande;  pq: la pequeña
				 i+=2;
				 pq = nodos[i].childNodes[1].src;
				 pq = pq.split('/');
				 pq = pq[pq.length-1];
				 
				 if(gr==pq){ // si coincide la foto grande con la miniatura...
				 	 
					 if(i+2==nodos.length) {ultima=true;break;}
					 src_actual = nodos[i].childNodes[1].src;
					 src_sig = nodos[i+2].childNodes[1].src;					 
					 src_sig = src_sig.replace('img/gris/','img/');

					 this.childNodes[1].set('src',src_sig);
					 src_actual = src_actual.replace('img/miniatures/','img/gris/');
					 //if(galeria_actual = this.nextSibling.nextSibling.id)
					   nodos[i].childNodes[1].set('src',src_actual); // la actual debe quedarse en gris
					 
					 src_sig = src_sig.replace('img/','img/miniatures/');
					 nodos[i+2].childNodes[1].set('src',src_sig);  // la siguiente debe cambiarse a brillante	
					 imgSelected = nodos[i+2].childNodes[1];
					 src_mini = $(imgSelected).get('src');
					 dir=nodos[i+2].childNodes[1];
					 
				 }	
				 galeria_actual = this.nextSibling.nextSibling.id;
				 
			}
				
			if(ultima==true){
				ultima=false;
				src_actual = nodos[i].childNodes[1].src; //miniatures 5
				src_sig = nodos[1].childNodes[1].src;  // gris 1
		
				 src_sig = src_sig.replace('img/gris/','img/');
						
				 this.childNodes[1].set('src',src_sig);		
				 src_actual = src_actual.replace('img/miniatures/','img/gris/');
				 //if(galeria_actual = this.nextSibling.nextSibling.id)
				    nodos[i].childNodes[1].set('src',src_actual); // la actual debe quedarse en gris

				 src_sig = src_sig.replace('img/','img/miniatures/');
				 nodos[1].childNodes[1].set('src',src_sig);  // la siguiente debe cambiarse a brillante 
				 imgSelected = nodos[1].childNodes[1];
				 src_mini = $(imgSelected).get('src');
				 dir=nodos[1].childNodes[1];
		    }
			
			
			
		}
		else if(this.hasClass('mini') || this.hasClass('mini_end')){ // hemos pulsado una miniatura
		    //alert(galeria_actual);alert(this.getParent().id);
			if (dir!=1){
				//if(galeria_actual == this.getParent().id){
					
					$(dir).set('src',src_mini.replace('miniatures/','gris/'));
				//}
			}
			galeria_actual = this.getParent().id;
			img = this.getParent().getElement('a.mini').getChildren('img')[0];
			src = img.get('src');
			src = src.replace('miniatures/','gris/');
			
			
			
			    $(img).set('src',src);
					
			//Obtengo la imagen que contiene el enlace
			imgSelected = this.getChildren('img')[0];
			dir = imgSelected;
			//Obtengo su direccion
			src_mini = $(imgSelected).get('src');
			src = src_mini.replace('gris/','');
			
			src = src.replace('miniatures/','');
			
			parent = this.getParent();
			bigImage = $(parent).getPrevious('div');
	
			if(this.hasClass("mini_video") == true)
			{
				video = src = src.replace('.jpg','.flv');
				
				$(bigImage).innerHTML = '<a href="'+video+'" id="player"></a>';
				flowplayer(
					"player", 
					"resources/js/flowplayer/flowplayer-3.2.4.swf");
	
			}
			else
			{
				$(bigImage).innerHTML = " <img src='"+src+"'> ";
			}
			
			//Sustituyo la gris por la activa
			$(imgSelected).set('src',src_mini.replace('gris/','miniatures/'));
			return false;
		}
	});
	
		


});