// Script permettant le déroulement de la zone de slide du panneau de styles
// et le scroll vars le contenu

// Paramètre des animations du panneau de styles
var vitesse_slide = 500;        // Vitesse d'apparition/disparition en millisecondes
var sens_slide = "down";        // Sens d'apparition (up, down, right ou left)
var vitesse_scroll = 3000;      // Vitesse de déplacement de la fenętre
  
// Paramètre pour le scroll vers le contenu
var slcont_time_offset = 3;     // 3 secondes avant le scroll vers le contenu
var slcont_tmid;                // Id du Timer
var slcont_speed = 3000;        // Vitesse du scroll

// Fonction de scroll vers le contenu
function auto_scroll_content() {
    // Déplacement JQuery en fonction du conteneur disponible
    if($('div#ContentUsYazilim').length ){
      $.scrollTo( 'div#ContentUsYazilim',{duration:slcont_speed} );
    }else if($('div#ContentContact').length ){
      $.scrollTo( 'div#ContentContact',{duration:slcont_speed} );
    }else if($('div#ContentServices').length ){
      $.scrollTo( 'div#ContentServices',{duration:slcont_speed} );
    }
}
  
// Initialisation du script dés la fin de chargement de la page
$(document).ready(function(){  
  //--------------------------------------------------------------------------
  // SCRIPT SCROLL VERS LE CONTENU 
  // Attente de X secondes
  slcont_tmid = setTimeout("auto_scroll_content()", slcont_time_offset * 1000);  

  //--------------------------------------------------------------------------
  // SCRIPT ANIMATION PANNEAU DE STYLES   
  // Initialisation de la zone de slide : état masqué par défault
  $('#slide').hide();  
  
  // Lancement de l'effet sur clic
  $('a#affiche-slide').click(function() {
    // Slide de la zone désirée
    $('#slide').toggle("slide", { direction: sens_slide }, vitesse_slide);

    // Enchainement de l'effet scrollTo à la suite du slide
    $("div#slide").queue(function () {
      $.scrollTo( 'div#slide',{duration:vitesse_scroll} );
    });

    return false;
  });  

});