AnimDone = true; 
SlideDone = true; 
tailletotale = 0;
Nb_li = 0;

function Anim() {
	AnimDone = true;
	}
function Slide() {
	SlideDone = true;
	}
/*
* Défilement en cliquant sur le bouton de gauche
*/
function defil_g() {
$("#slide>.produit").each(function() {
AnimDone= false;
	if(Nb_li == 4) {
		if(parseInt($(this).css('left')) == 363) {
			$(this).remove();
		}
		if(parseInt($(this).css('left')) == 242) {
			$(this).clone().insertBefore('#slide>.produit:first').css('left','-121px');
		}
	 } else {
   if(parseInt($(this).css('left')) >= tailletotale - 242) {
      $(this).clone().insertBefore('#slide>.produit:first').css('left','-121px');
      $(this).remove();
		}
	}
var left = parseInt($(this).css('left'));  
       $(this).animate({ 
        left: 121+left+'px'
      }, 500 );
    });
	 window.setTimeout(function() {Anim()},1200);
	
}

/*
* Défilement en cliquant sur le bouton de droite
*/
function defil_d() {
//if (defilStopD) return;
AnimDone = false;
$("#slide>.produit").each(function() {
	if(Nb_li == 4) {
		if(parseInt($(this).css('left')) == -121) {
			$(this).remove();
		}
		if(parseInt($(this).css('left')) == 0) {
			$(this).clone().insertAfter('#slide>.produit:last').css('left','363px');
		}
	 } else {
      if(parseInt($(this).css('left')) <= -121) {
      $(this).clone().insertAfter('#slide>.produit:last').css('left',tailletotale - 242+'px');
      $(this).remove();
       }
	  }
var left = parseInt($(this).css('left'));
      $(this).animate({ 
        left: left-121+'px'
      }, 500 );
     
    });
	window.setTimeout(function() {Anim()},1200);
}        

$(document).ready(function() {
	if($('#vignette2 > img').length == 0) {$("#next").hide(); }
  $("#galerie").show();
/*
* Placement de chaque miniature 
*/
$("#galerie").find(".produit").each(function(i) {
	Nb_li = i+1;
});
$("#galerie").find(".produit").each(function(i) {
		var left = tailletotale - 121;
		if(Nb_li == 4) {
			var left = tailletotale;
			tailletotale = tailletotale + 121;
			$(this).css('left',left+'px');
		} else if(Nb_li <= 3) {
			var left = tailletotale;
			tailletotale = tailletotale + 121;
			$(this).css('left',left+'px');
		} else {
		tailletotale = tailletotale + 121;
		$(this).css('left',left+'px');
		}
});

if(Nb_li == 4) {
	$('#slide>.produit:last').clone().insertBefore('#slide>.produit:first').css('left',-121+'px');
}
if(Nb_li > 3) {
	$('#btn_prev').show();
	$('#btn_next').show();
	}

/*
* Clic sur la fleche de gauche
* On teste si l'anim est finie, si non on teste jusqu'à ce qu'elle se termine, si oui on teste la direction de l'anim
* si la direction est l'inverse de l'anim courante on arrete l'anim courante et on repart dans l'autre sens
* si non on ne fait rien (permet de désactiver le bouton pour ne pas lancer 2 fois l'anim dans le meme sens)                        
*/
$("#btn_prev").click(function clickG(){
if(!window.AnimDone) { 
  window.setTimeout(function() {clickG()},10);
  } else {  
	defil_g();
  }
});

$("#btn_next").click(function ClickD(){
  if(!window.AnimDone) { 
  window.setTimeout(function() {ClickD()},10);
  } else {  
	defil_d();
	}      
});

  
$("#vignette01").live('click', function () {
    $("#photo01").siblings('.photo').fadeOut("slow");
    $("#photo01").fadeIn('slow');
});
$("#vignette02").live('click', function () {
    $("#photo02").siblings('.photo').fadeOut("slow");
    $("#photo02").fadeIn('slow');
});
$("#vignette03").live('click', function () {
    $("#photo03").siblings('.photo').fadeOut("slow");
    $("#photo03").fadeIn('slow');
});
$("#vignette04").live('click', function () {
    $("#photo04").siblings('.photo').fadeOut("slow");
    $("#photo04").fadeIn('slow');
});
$("#vignette05").live('click', function () {
	$('#vignette1').hide();
    $("#photo05").siblings('.photo').fadeOut("slow");
    $("#photo05").fadeIn('slow');
});
$("#vignette06").live('click', function () {
	$('#vignette1').hide();
    $("#photo06").siblings('.photo').fadeOut("slow");
    $("#photo06").fadeIn('slow',function() { $('#vignette1').hide();});
});
$("#vignette07").live('click', function () {
    $('#vignette1').hide();
	$("#photo07").siblings('.photo').fadeOut("slow");
    $("#photo07").fadeIn('slow');
});

$("#vignette08").live('click', function () {
    $('#vignette1').hide();
	$("#photo08").siblings('.photo').fadeOut("slow");
    $("#photo08").fadeIn('slow');
});

$('#next').live('click', function () {
	if($('#vignette2 > img').length > 0) {
		if(window.SlideDone) { 
			SlideDone = false;
			$(this).attr('id','prev');
			$(this).attr('src','templates/defaut/images/arrow_prev.gif');
			$(".listevignette").each(function() {
				var left = parseInt($(this).css('left'));
			$(this).animate({ 
				left: left-139+'px'
			}, 500,'',function () { SlideDone = true});
			});
		}
	}
});
$('#prev').live('click', function () {
		if(window.SlideDone) { 
			SlideDone = false;
			$(this).attr('id','next');
			$(this).attr('src','templates/defaut/images/arrow_next.gif');
			$(".listevignette").each(function() {
				var left = parseInt($(this).css('left'));
			$(this).animate({ 
				left: left+139+'px'
				}, 500,'',function () { SlideDone = true});
			});
		}
	});
});