// Evènements au chargement de la page
jQuery(document).ready(function(){ 

  //---------------------------------------------------------------------------
  // DELAIS POUR LA REDUCTION AUTOMATIQUE DE LA BARRE DE NAVIGATION 
  // Délais avant lancement de l'évènement de masquage
  var myTimer = {};
  myTimer = $.timer(2000,function(){
    $("a.show-navigation").toggle();
    $("a.hide-navigation").toggle();
    $("div#navigation").slideToggle("slow");
  });
  
  //---------------------------------------------------------------------------   
  // DEMANDE D'AFFICHAGE DE LA BARRE DE NAVIGATION 
  // Evènement sur clic du bouton open
  $("a.show-navigation").click(function () {
    $("a.show-navigation").toggle();
    $("a.hide-navigation").toggle();
    $("div#navigation").slideToggle("slow");
  });
  
  //---------------------------------------------------------------------------   
  // DEMANDE DE REDUCTION DE LA BARRE DE NAVIGATION 
  // Evènement sur clic du bouton close  
  $("a.hide-navigation").click(function () {
    // Destruction de l'évènement timer
    $.clearTimer(myTimer);
    $("a.show-navigation").toggle();
    $("a.hide-navigation").toggle();
    $("div#navigation").slideToggle("slow");
  });
  
});