//Fonction pour afficher ou retracter les blocs de textes dans rubrique tarifs
//Utilise la fonction slide Toggle 
/*
 $(document).ready(function(){ 
   $('.tarifs-para').addClass('hide');
   $('.tarifs-but').click(function(){
     $(this).next().slideToggle(200);
     return false;          
   });
});
*/

$(document).ready(function(){
  $('.accordeon').accordion(({
    autoHeight : false , 
    collapsible : true
    
  }));
  
 $('.tarifs-para').css({'padding-top' : '50px'});
 
  //$('h2.ui-state-default').addClass('ui-corner-top');
  
  //Bouton tout afficher
  $('.show-all a').click(function(){
   // alert ('on affiche tout !');
    $('h2.ui-state-default').next().show(200);
    $('h2.ui-state-default').addClass('ui-corner-top'); 
  });
  //Bouton tout replier
  $('.hide-all a').click(function(){
    //alert ('on cache tout !');
    $('h2.ui-state-default').next().hide(200); 
    $('h2.ui-state-active').next().hide(200); 
  });
  $('h2.ui-accordion-header').click(function(){
    //alert ('cliqué sur le header !');
    $('h2.ui-state-default').next().hide(200); 
  });
  
  //$('h2.ui-state-default').next().show(200); 
  
  //Affichage des détails
  $('a.tarifs-item').click(function(){
    $(this).next().toggle(200);   
  });
  
  
});

//COmmenter cette ligne seulement pour debugage


 $(document).ready(function(){ 
   $('.tarifs-small-show a').click(function(){
     alert ('on a cliqué !');
     $('h2.ui-state-default').next().show(200); 
   });
});


//Colorie en rouge les titres
/*
$(document).ready(function(){ 
      $('h2.tarifs-but a').click(function(){   
        $(this).css({'color': 'red'});
      });   
});   
*/
//Colorie en rouge ou en bleu les titres (pas de vitesse)
/*
 $(document).ready(function(){ 
       $('h2.tarifs-but a').toggle(function(){
           $(this).css({'color': 'red'});
         }, function (){
           $(this).css({'color': 'blue'});
         });         
 }); 
 */ 
 
 //Ne marche pas 
 /*
 $(document).ready(function(){ 
      //Donne l'opacité de départ aux titres
      $('h2.tarifs-but a').css({'opacity':0.75 , 'color' :'yellow'});
          
      
      $('h2.tarifs-but a').click(function(){
                
        //On affiche le cousin du selecteur actuel en 200ms (le paragraphe dessous)
        $(this).toggle(
          function(){
            $(this).animate({'opacity' :1 , 'color' :'red'},500);
          },
          function(){
            $(this).animate({'opacity' :0.75 , 'color':'blue'},200);
          });
      
      });//fin de click
});//fin de ready         
*/
 
   
//On appelle la fonction diaporama, une fois que le document est entierement chargé
// delay: le délai de balayage des images en seconde
// animationSpeed: la durée de l’effet de transition (fadeIn)
//Soit slow(200ms), normal(400ms), fast(600ms)
// controls: affichage des boutons de contrôle
$(document).ready(function(){ 
    $(".home-image-container").diaporama({
        animationSpeed: 1000,
        delay:3,
        controls:false
    }); 
});

//Tuto d'aprés http://www.guillaumevoisin.fr/blog/developpement/tutoriel-realiser-un-diaporama-simple-avec-jquery
//Définition de la fonction diaporama
(function($){
    $.fn.diaporama = function(options) {

        
        //On créer une variable default pour stocker les valeurs par défaut 
        var defaults = {
            delay: 5,
            animationSpeed: "slow",
            controls:false
        };
 
        //Permet de charger soit les paramètres par défaut soit les paramètres spécifiés à l'appel de la fonction
        var options = $.extend(defaults, options);
 
        this.each(function(){
 
           // On attribue à la variable obj, l'objet courant (le diaporama courant)
           var obj = $(this);

           // On teste si il y a plus d'une image, sinon le diaporama n'est pas nécessaire
           if($(obj).find("li").length > 1){

               // On va exécuter la fonction nextElt à chaque intervalle de temps
               var inter = setInterval(function(){nextElt(options)}, (options.delay*1000));

               // On enregistre le sens de rotation
               var sens = "right";

               // Par défaut, le diaporama n'est pas en pause
               var pause = false;

               // On cache tous les éléments de la liste
               $(obj).find("li").hide();

               // Le premier élément s'affiche progressivement et se voit attribuer la classe "active"
               $(obj).find("li:first-child").addClass("active").fadeIn(options.animationSpeed);
           
                
                
 
 
         // On veut ajouter des boutons de contrôle
         if(options.controls){
             // On insère après la liste un <div> contenant les boutons "précédent", "suivant" et "pause"
             $(obj).after("<div class='diaporama_controls'><div class='btns'><a href='#' class='prev'>Prec.</a> <a href='#' class='pause'>Pause</a> <a href='#' class='next'>Suiv.</a></div></div>");

             // On définit l'action click pour le bouton "précédent"
             // La méthode siblings() permet de trouver les éléments "frères" de l'élément courant
             $(obj).siblings().find(".prev").click(function(){
                 // On supprime l'intervalle automatique de transition d'image
                 clearInterval(inter);

                 // On appelle la fonction qui affiche l'image précédente
                 prevElt(options);

                 // Si le diaporama n'est pas sur pause, on relance l'affichage automatique
                 if(!pause)
                     inter = setInterval(function(){prevElt(options)}, (options.delay*1000));

                 // On définit le sens à gauche
                 sens = "left";
             });

             // On applique la même méthode ou presque au bouton "suivant" (dans l'autre sens)
             $(obj).siblings().find(".next").click(function(){
                 clearInterval(inter);
                 nextElt(options);
                 if(!pause)
                     inter = setInterval(function(){nextElt(options)}, (options.delay*1000));
                 sens = "right";
             });

             // Si on appuie sur "pause", on définit deux actions
             $(obj).siblings().find(".pause").toggle(

                 // On change l'image de fond du bouton via la classe "play"
                 function(){
                     $(this).removeClass("pause").addClass("play");

                     // On supprime l'intervalle
                     clearInterval(inter);

                     // On positionne le booléen à true
                     pause = true;
                 },
                 function(){

                     // On remet l'image originale
                     $(this).removeClass("play").addClass("pause");

                     // On relance le diaporama dans le sens où il était
                     inter = setInterval(function(){ (sens == "right")?nextElt(options):prevElt(options)}, (options.delay*1000));
                     pause = false;
                 }
             );
         }
 
 
 
 
 
                // Affiche l'élément suivant
 
                function nextElt(options)
                {
                    $(obj).find("li.active").fadeOut(options.animationSpeed);
 
                    if(!$(obj).find("li.active").is(":last-child"))
                    {
                        $(obj).find("li.active").next().addClass("active").prev().removeClass("active");
                        $(obj).find("li.active").fadeIn(options.animationSpeed);
 
                    }
                    else
                    {
                        $(obj).find("li:first-child").addClass("active").fadeIn(options.animationSpeed);
                        $(obj).find("li:last-child").removeClass("active");
                    }
                }
 
                // Affiche l'élément précédent
 
                function prevElt(options)
                {
                    $(obj).find("li.active").fadeOut(options.animationSpeed);
 
                    if(!$(obj).find("li.active").is(":first-child"))
                    {
                        $(obj).find("li.active").prev().addClass("active").next().removeClass("active");
                        $(obj).find("li.active").fadeIn(options.animationSpeed);
 
                    }
                    else
                    {
                        $(obj).find("li:last-child").addClass("active").fadeIn(options.animationSpeed);
                        $(obj).find("li:first-child").removeClass("active");
                    }
                }
            }
        });
 
        return this;
    };
})(jQuery);