/*
* Scripts
*/

$(document).ready(function(){
    //Pré-affichage
    $('#corps .remonter').hide();
    $('#page_details, #page_referencement, #page_votre_site, #page_offres_pro, #aplat, #form_etre_contacte').hide();
    $('#menubot a, #header a#votre_site').removeAttr("href"); //On enlève l'attribut href pour éviter que les ancres fassent effet, c'est animate qui se charge de deplacer la scroll Bar en javascript
    $('.remonter, .remonter a').removeAttr("href"); //idem

/*
 * Paramètres
 */

    var currPage = null; //Page courante
    var flag = true; //false = une action se déroule, true = en attente d'une nouvelle action'
    var speed = 1500; //vitesse d'affichage
    var _id = null;

    $('#menubot a, #header a#votre_site').click(function(){
        //On récupère l'id du lien qui va nous servir à sélectionner le div à afficher
        //Prototype de la couche métier :
        //  id du lien = _id
        //  id de la page = '#page_'+_id
        //
        //Exemple pour la page referencement :
        //  _id = referencement (on récupère l'id du lien qui a été cliqué à savoir $(this)
        //  id de la page referencement = '#page_'+_id = '#page_referencement'

        _id = $(this).attr('id');

        if((currPage != _id) && (flag == true)){
           flag = false;
           $('#page_'+currPage).slideToggle(speed); //Ici on agit sur la page en préfixant l'id de la page courante (currPage) par '#page_'
           $('#page_'+_id).slideToggle(speed, function(){ //De même on préfixe avec '#page_'
                if( $('html,body').scrollTop() != 515 ){
                    $('html,body').animate({scrollTop: 515}, speed);
                }
               flag = true;
           });
           currPage = _id;
       } else if(currPage == _id){
           if( $('html,body').scrollTop() != 515 ){
                $('html,body').animate({scrollTop: 515}, speed);
           }
       }
    });

/*
 * Remonter joliement
 */

    $('.remonter').click(function(){
       $('html,body').animate({scrollTop: 0}, speed);
    });

/*
 * Etre contacté
 */
    $('.btn_etre_contacte').click(function(){
       $('#form_etre_contacte').fadeIn(500);
       $('#aplat').fadeIn(1000);
    });

    $('#aplat, #close').click(function(){
        $('#form_etre_contacte').fadeOut(500);
        $('#aplat').fadeOut(1000);
    })

});