// JavaScript Document

var left 			= 0;
var ancho  			= 324;
var desplazamiento 	= 0;

function moverGaleria(){
	var posActual = parseInt($('div.galeria ul').css('left'));
	left  =  (posActual  + ancho*desplazamiento)/2;
	
 	$('div.galeria ul').css('left',left+'px') ;
}




$(document).ready(
function(){
	
  var galeria   =  $('div.galeria');
  var ul 		=  $('div.galeria ul'); 
  var totFotos  =  ul.find("li").length;
  //	Relleno si faltanfotos con cuadrados grises
  if(totFotos%4)
  for(var i=(totFotos%4);i<4;i++){
	  ul.append('<li class="relleno"></li>');  
  }
  
  
  var btnLeft	=  $('div.galeria .move-left');
  var btnRight	=  $('div.galeria .move-right');   
  
  btnRight.click(function(){	
	if(-(totFotos/4)<desplazamiento-1)							 
		desplazamiento--;
  });  
  btnLeft.click(function(){
	if(desplazamiento<0)
		desplazamiento++;
  });
  
  
  $('div.galeria ul img').click(function(){

		var url  = $(this).attr('src');
		var text = $(this).attr('alt');
		
		/*$('div.galeria div.imgAmpliada img').fadeTo("fast",0,function(){
			$(this).attr('src',url).fadeTo("slow",1.0);
			$(this).attr('alt',text);
			$(this).attr('title',text);			
																																		
		});*/
		$('div.galeria div.imgAmpliada img').attr('src',url);
		$('div.galeria div.imgAmpliada img').attr('alt',text);
		$('div.galeria div.imgAmpliada img').attr('title',text);		
		$('div.galeria p').text(text);
  });
  
  
  setInterval('moverGaleria()',100);
});