// Easing equation, borrowed from jQuery easing plugin
// http://gsgd.co.uk/sandbox/jquery/easing/
jQuery.easing.easeOutQuart = function (x, t, b, c, d) {
	return -c * ((t=t/d-1)*t*t*t - 1) + b;
};

//SerialScroll
jQuery(function( $ ){

	$('#vImages').serialScroll({
		items:'li',
		prev:'#vGalerie-navigation a.precedent',
		next:'#vGalerie-navigation a.suivant',
		duration:600,
		force:true,
		stop:true,
		lock:false,
		cycle:false,
		axis:'y',
		easing:'easeOutQuart',
		step:1
	});

	$('#hImages').serialScroll({
		items:'li',
		prev:'#hGalerie-navigation a.precedent',
		next:'#hGalerie-navigation a.suivant',
		duration:600,
		force:true,
		stop:true,
		lock:false,
		cycle:false,
		axis:'x',
		easing:'easeOutQuart',
		step:1
	});

	$('.vImage').click(function(event){
		event.preventDefault();

		var ht = $('.imgEntete').find("img").height();
		var lg = $('.imgEntete').find("img").width();
		$('#loader').css({
			display:"block",
			top:ht/2,
			left:lg/2
		});

		//info = id -> 0:repertoire, 1:fichier, 2:largeur, 3:hauteur
		var info = $(this).attr("id");
		var tbInfo = info.split(',');
		var newImg = "/medias/"+tbInfo[0]+"/"+tbInfo[1];
		var newLg = tbInfo[2];
		var newHt = tbInfo[3];
		var newAlt = $(this).attr("alt");
		var newTitle = $(this).attr("title");
		var cible = $('.imgEntete').find("img");

		if (cible.attr("src") == newImg) return; 
		
		//chargement
      	cible.load(function(){ 
        $('.imgEntete').html($(this).fadeIn(250));})
		.attr({ 
			alt: newAlt,
			title: newTitle,
			src: newImg,
			width: newLg,
			height: newHt
		});
	});

});