$(document).ready(function(){
	
	$('#etiq-stand').click(function(){
		// Surbrillance sur l'étiquette
		var src = $(this).children('img').attr('src');
		$(this).children('img').attr('src', 'images/carrousel-etiquette-stand-hover.png');
		// On déselectionne les autres étiquettes
		$('#etiq-rdv-affaires').children('img').attr('src', 'images/carrousel-etiquette-rdv-affaires.png');
		$('#etiq-ateliers').children('img').attr('src', 'images/carrousel-etiquette-ateliers.png');
		$('#etiq-badge').children('img').attr('src', 'images/carrousel-etiquette-badge.png');
		// Affichage de la photo
		switchImg('photo-stand');
	});
	
	$('#etiq-rdv-affaires').click(function(){
		// Surbrillance sur l'étiquette
		var src = $(this).children('img').attr('src');
		$(this).children('img').attr('src', 'images/carrousel-etiquette-rdv-affaires-hover.png');
		// On déselectionne les autres étiquettes
		$('#etiq-stand').children('img').attr('src', 'images/carrousel-etiquette-stand.png');
		$('#etiq-ateliers').children('img').attr('src', 'images/carrousel-etiquette-ateliers.png');
		$('#etiq-badge').children('img').attr('src', 'images/carrousel-etiquette-badge.png');
		// Affichage de la photo
		switchImg('photo-rdv');
	});
	
	$('#etiq-ateliers').click(function(){
		// Surbrillance sur l'étiquette
		var src = $(this).children('img').attr('src');
		$(this).children('img').attr('src', 'images/carrousel-etiquette-ateliers-hover.png');
		// On déselectionne les autres étiquettes
		$('#etiq-rdv-affaires').children('img').attr('src', 'images/carrousel-etiquette-rdv-affaires.png');
		$('#etiq-stand').children('img').attr('src', 'images/carrousel-etiquette-stand.png');
		$('#etiq-badge').children('img').attr('src', 'images/carrousel-etiquette-badge.png');
		// Affichage de la photo
		switchImg('photo-ateliers');
	});
	
	$('#etiq-badge').click(function(){
		// Surbrillance sur l'étiquette
		var src = $(this).children('img').attr('src');
		$(this).children('img').attr('src', 'images/carrousel-etiquette-badge-hover.png');
		// On déselectionne les autres étiquettes
		$('#etiq-rdv-affaires').children('img').attr('src', 'images/carrousel-etiquette-rdv-affaires.png');
		$('#etiq-stand').children('img').attr('src', 'images/carrousel-etiquette-stand.png');
		$('#etiq-ateliers').children('img').attr('src', 'images/carrousel-etiquette-ateliers.png');
		// Affichage de la photo
		switchImg('photo-badges');
	});
	
	/**
	 * Effecue la transition d'une image à l'autre
	 */
	function switchImg(next)
	{
		// Liste des éléments
		var ids = ['photo-stand', 'photo-rdv', 'photo-ateliers', 'photo-badges'];
		
		// Récupération de l'image à activer
		var $next = $('#'+next);
		
		// Constitution d'un jeu d'éléments avec toutes les images et celles non-sélectionnées
		var others = [];
		var all = [];
		var j=0;
		for (var i=0; i<ids.length; i++) {
			if (ids[i] != next) {
				others[j++] = '#'+ids[i];
			}
			
			all[i] = '#'+ids[i];
		}
		$others = $(others.join(','));
		$all = $(all.join(','));
		
		// Arret de toutes les animations (permet d'éviter les problèmes d'animations qui se contredisent)
		$all.stop();
		
		// Transition des images non-sélectionnées vers une opacité de 0
		$others.css('z-index', 0);
		$others.animate({'opacity' : 0}, 'slow');
		
		// Transition de l'image sélectionnée vers une opacité de 1
		$next.css('z-index', 1);
		$next.animate({'opacity' : 1}, 'slow');
	}
	
	// Initialisation du carrousel
	$('#carrouseul #part1 ul li').css('z-index', 0).css('opacity', 0);
	
	// Element sélectoinné par défaut
	$('#etiq-badge').click();
	
});