// JavaScript Document
var currentThumb = new Array();

function displayImageByThumb(filename, id, cmpl) {
	if(currentThumb[cmpl] == undefined)
	{
		currentThumb[cmpl] = 1;
	}
	
	if(id != currentThumb[cmpl]) {
		// Disparition de l'image courante:
		$('#image_'+filename+'_'+currentThumb[cmpl]).fadeOut('slow');
		
		// Affichage de la nouvelle image
		$('#image_'+filename+'_'+id).fadeIn('slow');
		
		currentThumb[cmpl] = id;
	}
}

function createGallery(cmpl, useClassName) {
	$(useClassName).each(function(i) {
		// On va créer la miniature qui va gérer cela:
		/*
			On va découper l'id:
			Il est de la forme image_[nom du fichier sans extension]_[numéro]
		*/
		if(i > 0){
			$('#'+this.id).css('display', 'none');
		}
		
		var nomId = this.id.substr(6);
		var position = nomId.indexOf('_');
		
		var filename = nomId.substr(0, position);
		position++;
		
		var id = nomId.substr(position);
		
		// On génère le code xhtml pour afficher la miniature :
		if(cmpl == 0) {
			$('#listThumbs').append('<li><img src="/medias/modeles/public/elements/'+filename+'s/thumb_'+filename+'_'+id+'.jpg" id="thumb_'+filename+'_'+id+'" alt="" /></li>');
		}
		else {
			currentThumb[cmpl] = 1;
			$('#listThumbs'+cmpl).append('<li><img src="/medias/modeles/public/elements/'+filename+'s/thumb_'+filename+'_'+id+'.jpg" id="thumb_'+filename+'_'+id+'" alt="'+filename+'s/thumb_'+filename+'_'+id+'.jpg" /></li>');
		}
		
		// On fait l'effet de disparition/apparition lors du clic sur la miniature.
		$('#thumb_'+filename+'_'+id).click(function() {
			displayImageByThumb(filename, id, cmpl);
		});
		
		// Effet de transparence progressive au survol de la miniature:
		$('#thumb_'+filename+'_'+id).hover(function(){
			$('#thumb_'+filename+'_'+id).fadeTo(340, 0.70);
		}, function () {
			$('#thumb_'+filename+'_'+id).fadeTo(340, 1);
		});
	});
}

$(document).ready(function(){
	// Si la liste est présente, on s'occupe de l'animer:
	if(document.getElementById('encartImages')) {
		/*
			Si jamais il y a plusieurs galleries, on transforme currentThumb en tableau
			afin d'éviter les conflits.
		*/
		if(document.getElementById('encartImages1')) {
			currentThumb[0] = 1;
		}
		
		createGallery(0, '.image_dspl');
	}
});