function ajax_filtre(mission,color) {
$('#secteur_id').css('background',color);
$('#secteur_id').css('color','#ffffff');
  $.ajax({
           type: "GET",
           url:   $('base').attr('href')+"/reference-filtre.php",
           data: "mission_id="+mission,
           error:function(msg){
            alert("Erreur durant la requete");
				   },      
           success:function(data){
    				   	//affiche le contenu du fichier dans le conteneur dédié
              $('#secteur_id').empty();
    				  $('#secteur_id').append(data);
    				  $('#secteur_id').css('background','#ffffff');
    				  $('#secteur_id').css('color','#000000');
              }
                               
				   });
   return false;
}

function diapo(){
  $("#btn_vignette01").livequery('click', function () {
    $(this).attr("src", $('base').attr('href')+"/templates/defaut/images/btn_vignette_open.jpg");
    $(this).siblings('.btn_vignette').attr("src", $('base').attr('href')+"/templates/defaut/images/btn_vignette_close.jpg");
    $("#vignette01").siblings('.vignette').fadeOut("slow");
    $("#vignette01").fadeIn('slow');
  });
  $("#btn_vignette02").livequery('click', function () {
    $(this).attr("src", $('base').attr('href')+"/templates/defaut/images/btn_vignette_open.jpg");
    $(this).siblings('.btn_vignette').attr("src", $('base').attr('href')+"/templates/defaut/images/btn_vignette_close.jpg");
    $("#vignette02").siblings('.vignette').fadeOut("slow");
    $("#vignette02").fadeIn('slow');
  });
  $("#btn_vignette03").livequery('click', function () {
    $(this).attr("src", $('base').attr('href')+"/templates/defaut/images/btn_vignette_open.jpg");
    $(this).siblings('.btn_vignette').attr("src", $('base').attr('href')+"/templates/defaut/images/btn_vignette_close.jpg");
    $("#vignette03").siblings('.vignette').fadeOut("slow");
  $("#vignette03").fadeIn('slow');
  });
  $("#btn_vignette04").livequery('click', function () {
    $(this).attr("src", $('base').attr('href')+"/templates/defaut/images/btn_vignette_open.jpg");
    $(this).siblings('.btn_vignette').attr("src", $('base').attr('href')+"/templates/defaut/images/btn_vignette_close.jpg");
    $("#vignette04").siblings('.vignette').fadeOut("slow");
  $("#vignette04").fadeIn('slow');
  });
  $("#btn_vignette05").livequery('click', function () {
    $(this).attr("src", $('base').attr('href')+"/templates/defaut/images/btn_vignette_open.jpg");
    $(this).siblings('.btn_vignette').attr("src", $('base').attr('href')+"/templates/defaut/images/btn_vignette_close.jpg");
    $("#vignette05").siblings('.vignette').fadeOut("slow");
  $("#vignette05").fadeIn('slow');
  });
  $("#btn_vignette06").livequery('click', function () {
    $(this).attr("src", $('base').attr('href')+"/templates/defaut/images/btn_vignette_open.jpg");
    $(this).siblings('.btn_vignette').attr("src", $('base').attr('href')+"/templates/defaut/images/btn_vignette_close.jpg");
    $("#vignette06").siblings('.vignette').fadeOut("slow");
    $("#vignette06").fadeIn('slow');
  });       
  $("#btn_vignette07").livequery('click', function () {
    $(this).attr("src", $('base').attr('href')+"/templates/defaut/images/btn_vignette_open.jpg");
    $(this).siblings('.btn_vignette').attr("src", $('base').attr('href')+"/templates/defaut/images/btn_vignette_close.jpg");
    $("#vignette07").siblings('.vignette').fadeOut("slow");
    $("#vignette07").fadeIn('slow');
  });       
  $("#btn_vignette08").livequery('click', function () {
    $(this).attr("src", $('base').attr('href')+"/templates/defaut/images/btn_vignette_open.jpg");
    $(this).siblings('.btn_vignette').attr("src", $('base').attr('href')+"/templates/defaut/images/btn_vignette_close.jpg");
    $("#vignette08").siblings('.vignette').fadeOut("slow");
    $("#vignette08").fadeIn('slow');
  });
}
AnimDone = false; 
tailletotale = 0;
/*
* Initialisation 
*/
defilStopD = false;
defilStopG = true;
direction = 'droite';
function Anim() {
	AnimDone = true;
	clearTimeout();
	}
/*
* Défilement en cliquant sur le bouton de gauche
*/
function defil_g() {
if (defilStopG) return;
$("#slide>li").each(function() {
AnimDone= false;
   if(parseInt($(this).css('left')) >= tailletotale - 198) {
      $(this).remove().clone().insertBefore('#slide>li:first').css('left','-99px');
		}
var left = parseInt($(this).css('left'));  
       $(this).animate({ 
        left: 99+left+'px'
      }, 500 );
    });
	window.setTimeout(function() {Anim()},900);
  window.setTimeout(function() {defil_g()},1500);
}

/*
* Défilement en cliquant sur le bouton de droite
*/
function defil_d() {
if (defilStopD) return;
$("#slide>li").each(function() {
AnimDone = false;
      if(parseInt($(this).css('left')) <= -99) {
      $(this).remove().clone().insertAfter("#slide>li:last").css('left',tailletotale - 198+'px');
       }
	var left = parseInt($(this).css('left'));
      $(this).animate({ 
        left: left-99+'px'
      }, 500 );

    });
	window.setTimeout(function() {Anim()},900);
    window.setTimeout(function() {defil_d()},1500);
}        



$(document).ready(function() {
  $('#gallerie').show();
  $('#gallerie_left').show();
  $('#gallerie_right').show();
  $('#btn_gallerie_left').show();
  $('#btn_gallerie_right').show();



/*
* Placement de chaque miniature 
*/

$("#gallerie").find("li").each(function(i) {
  var left = tailletotale;
  tailletotale = tailletotale + 99;
  $(this).css('left',left+'px');
});


defil_d();

/*
* 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_gallerie_left").click(function clickG(){
if(!window.AnimDone) { 
  window.setTimeout(function() {clickG()},10);
  } else {  
    if(direction == "droite") {
	defilStopD = true;
	defilStopG = false;
	direction = 'gauche';
	window.setTimeout(function() {defil_g()},500);
    }
  }
});
/*
* Clic sur la fleche de droite
* 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_gallerie_right").click(function ClickD(){
  if(!window.AnimDone) { 
  window.setTimeout(function() {ClickD()},10);
  } else {  
    if(direction == "gauche") {
	defilStopG = true;
	defilStopD = false;
	direction = 'droite';
	window.setTimeout(function() {defil_d()},500);
    } 
  }     
});
 $('#callback_tel').focus( function() { 
  $(this).attr('value','');
  });
$('#email_email').focus( function() { 
  $(this).attr('value','');
  });
});