/**
 * @by Antoine Lehurt
 * @version 1.0
 */

 $(document).ready(init);
 
 function init() {
 	/************************************************************
 	 * effet sur le menu
 	 ************************************************************/ 
	$("#menu").lavaLamp({
        fx: "backout",
        speed: 700,
        click: function(event, menuItem) {
            return true;
        }
     });

	/*************************************************************
	 * galerie header
	 *************************************************************/ 
	// timer d'affichage
	setInterval(defilement, 3000 );
			
	/*************************************************************
	 * infos sur les images de création
	 *************************************************************/ 
	 
	$('.creation400 ul li').hover(function(){
		// hauteur de la description
		var h = $('.creation400 ul li span').height();
		h+= 15;
	
		$(this).find('img').animate({top:h},{queue:false,duration:500});
	}, function(){
		$(this).find('img').animate({top:'0px'},{queue:false,duration:500});
	});
 }
 
 /**
 * @by Antoie Lehurt
 * Permet le défilement de différentes images
 */
 function defilement() {
	// image affichée
	var $active = $('#preview div.active');
	
	// s'il n'y a pas de div avec la class active alors on affiche la derniere image
	if ($active.length == 0) {
		$active = $('#preview div:last');
	}
	
	// affiche les images dans l'ordre du code html
	if ($active.next().length) {
		var $next = $active.next(); 
	}else {
		var $next = $('#preview div:first');
	}
	
	// animation de transition
	$active.addClass('last-active');
	$next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
	
 }