jQuery(function ($) {

	// Fade in sur les photos au départ
	$('#galerie img').hide();
	$('#galerie img').fadeIn();
	
	// Overflow pour que ça s'affiche même si JS est désactivé
	$('#galerie').css({'width' : '99999px', 'overflow-x' : 'visible'});

	//Let's make these suckas slide
				
	// Vars
	var activeImg = 0;
	var TotalImgs = $('#galerie img').size();
	
	$('#total-imgs').html(TotalImgs);
	$('#galerie-nav').fadeIn();
	$('#galerie li').not('li:eq(0)').fadeTo(0, .5);
	
	// IMAGE SLIDING
	// NEXT
	$(".next").click(function(){
		if (activeImg < TotalImgs) {
			var crntSlide = activeImg;
			crntSlide++;
			// opacité
			$('#galerie li:eq('+crntSlide+')').fadeTo(150, 1);
			$('#galerie li').not('li:eq('+crntSlide+')').fadeTo(0, .5);
			//
			$('#galerie-wrap').scrollTo('#galerie li:eq('+crntSlide+')', 200, {offset: 0, axis: 'x', easing:'easeOutExpo', onAfter:function(){ 
				// Callback 
				activeImg = crntSlide;
				$('#current-img').html(crntSlide+1);
				}
			});
		}		
	});

	// PREV
	$(".prev").click(function(){
		if (TotalImgs > 0) {
			$('.next_postr').fadeTo(100, 0).hide();
			var crntSlide = activeImg;
			crntSlide--;
			// opacité
			$('#galerie li:eq('+crntSlide+')').fadeTo(150, 1);
			$('#galerie li').not('li:eq('+crntSlide+')').fadeTo(0, .5);
			//
			$('#galerie-wrap').scrollTo('#galerie li:eq('+crntSlide+')', 200, {offset: 0, axis: 'x', easing:'easeOutExpo', onAfter:function(){ 
			// Callback 
			activeImg = crntSlide;
			$('#current-img').html(crntSlide+1);
				}
			});   
		}
	});

	//Key Nav
		$(document.documentElement).keyup(function (event) {
			var direction = null;
			if (event.keyCode == 37) {
			  $(".prev").click();
			} else if (event.keyCode == 39) {
			  $(".next").click();
			}
			if (direction != null) {
			  $(".next").click();
			}			    
		  });

});