$(document).ready(function() {			   
	
	//nascondo gli attributi del testo cliente
	$('.testo-cliente').hide();
	$('.image-caption').hide();
	
	//nascondo le gallery
	$('#gallery-clienti').hide();
	$('.gallery-cliente').hide();
	if(customer_to_show > 0){
		//aggiungo la classe selected
		var customer_to_show_id = "#cliente" + customer_to_show;
		$(customer_to_show_id + '.cliente h3').addClass('selected');
		$(customer_to_show_id + ' .testo-cliente').fadeIn();
		showGallery(customer_to_show);
	}
	$('.cliente h3').click(function(){

		//rimuovo la classe selected dai titoli
		$('.cliente h3').removeClass('selected');
		
		//aggiungo la classe selected
		$(this).addClass('selected');
		
		//nascondo tutto
		$('.testo-cliente').hide();	
		
		//mostro i testi del cliente selezionato
		$(this).parent().find('.testo-cliente').fadeIn();
		
		//recupero l'id del cliente e la rispettiva gallery
		var client_id = $(this).parent().attr('id').substring(7);
		showGallery(client_id);
	});
	
	//inserisco il codice per gestire le singole gallery
	$('.gallery-miniatura').click(function(){
		var src = $(this).attr('href');
		
		//nascondo le caption presenti
		$('.image-caption').hide();
		
		//recupero l'id della gallery su cui sto lavorando
		var gallery_id = '#' + $(this).find('span').attr('class');
		var caption_id = '#caption' + $(this).attr('id').substr(5);
		
		//mostro immagine e caption
		$(caption_id).fadeIn();
		opened_caption_id = caption_id;
		$(gallery_id).find('.gallery-immagine-visible img').attr('src',src);
		
		//disabilito l'azione di default della "a"
		return false;
	});
});
function showGallery(id){

	//mostro il div che contiene tutte le gallery
	$('#gallery-clienti').fadeIn();
	
	var gallery_id = "#gallery" + id;
	
	//nascondo le gallery
	$('.gallery-cliente').hide();
	
	//mostro la gallery selezionata
	$(gallery_id).fadeIn();
	
	//della gallery selezionata devo mostrare la prima immagine e la prima didascalia
	var src = $(gallery_id).find('.gallery-elenco-miniature a:first').attr('href');
	$(gallery_id).find('.gallery-immagine-visible img').attr('src',src);
	
	$('.image-caption').hide();
	$(gallery_id).find('.gallery-elenco-miniature .image-caption:first').fadeIn();	
}