var lequel = "";
$(function(){
  $(".rond_tiers_big").click(function(){
    id = $(this).data("id");
    if (lequel == "")
    {
      lequel = id;
      d = 10;
      $("#container_"+lequel+"_big").animate({
        "z-index": "21"
      }, 10, "easeOutBounce", function() {
      });

      $(".plusoumoins").html("×");

      switch (lequel)
      {
        case "business":
        {
          $(".bloc_zoom_big").css("background", "linear-gradient(0.125turn, #FC652E, #E2297B)");
          $(".bloc_zoom_big").html("1340 chefs d’entreprises composent le réseau. Un chiffre en constante évolution depuis sa création. Ils interagissent et travaillent ensemble quotidiennement au niveau local, comme au niveau national.<br/><br/>Les clubs sont répartis sur toute la France. De nouveaux clubs s’ouvrent régulièrement. Ils renforcent la dynamique du maillage national.<br/><br/>Le BUSINESS réalisé au sein des clubs est matérialisé par les « TICKETS BIZ » : les recommandations d’affaires entre membres.<br/><br/>81.29% des recommandations aboutissent à du business, soit près de 4 000 contrats signés depuis janvier 2021.");
          break;
        }
        case "echange":
        {
          $(".bloc_zoom_big").css("background", "linear-gradient(0.125turn, #E1287E, #7F005F)");
          $(".bloc_zoom_big").html("Les membres se réunissent toutes les deux semaines pour partager leur expérience et leur savoir-faire. Ils construisent ensemble un réseau où la rencontre et l’humain sont fondamentaux, un réseau où les échanges ne sont donc pas uniquement commerciaux. <br/><br/>En plus des <b>réunions statutaires</b>, CARBAO organise des <b>évènements business : « LES EVENTS ». Ces formules « clés en main » sont particulièrement appréciées. </b><br/><br/>Chaque année, la CARBAO TEAM se met en quatre pour organiser la <b>CARBAO BUSINESS PARTY</b>. Tous les clubs sont réunis pendant un week-end. L’objectif ? Développer son réseau national et construire de nouveaux partenariats !");
          break;
        }
        case "ethique":
        {
          $(".bloc_zoom_big").css("background", "linear-gradient(0.125turn, #7F0060, #4E0772)");
          $(".bloc_zoom_big").html("Les membres signent la <b>charte éthique CARBAO</b>. Elle garantit « la symbiose du réseau et son bon fonctionnement professionnel et moral. » Au sein des clubs, tous les membres disposent du même temps de parole, quelles que soient leur activité et leur personnalité. Chacun a l’opportunité de s’exprimer et de revendiquer son éthique professionnelle. <b>Équité, écoute et bienveillance</b> sont de mise ! <br/><br/>Chaque club ne peut accueillir qu’<b>un seul représentant par activité</b>. Les membres ne sont donc pas en concurrence. Ils sont libres de créer des complémentarités.<br/><br/><b>« L’ACTION CARBAO »</b> favorise la réussite d’un créateur ou d’un repreneur d’entreprise dans son aventure entrepreneuriale. Il est accompagné pendant un an.<br/><br/>Le <b>« TREC CARBAO »</b> permet de rencontrer des jeunes proches de l’entrée dans le monde du travail. Les membres transmettent ainsi leur expérience.");
          break;
        }
      }

      $("#container_business_big").animate({
        left: "0px"
      }, 1000, "easeOutBounce", function() {
      });
      $("#container_echange_big").animate({
        left: "0px"
      }, 1000, "easeOutBounce", function() {
      });
      $("#container_ethique_big").animate({
        left: "0px"
      }, 1000, "easeOutBounce", function() {
      });

      $("#container_zoom_big").animate({
        "opacity": "1.0"
      }, 500, "swing", function() {
      });
    }
    else
    {
      $(".plusoumoins").html("+");

      lequel = "";
      $("#container_business_big").animate({
        left: "0px"
        ,"z-index": "20"
      }, 1000, "easeOutBounce", function() {
      });
      $("#container_echange_big").animate({
        left: "240px"
        ,"z-index": "20"
      }, 1000, "easeOutBounce", function() {
      });
      $("#container_ethique_big").animate({
        left: "480px"
        ,"z-index": "20"
      }, 1000, "easeOutBounce", function() {
      });
      $("#container_zoom_big").animate({
        "opacity": "0.0"
      }, 500, "swing", function() {
      });
    }
  });
});

function isInViewport(element) {
  const rect = element.getBoundingClientRect();
  return (
    rect.top >= 0 &&
    rect.left >= 0 &&
    rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
    rect.right <= (window.innerWidth || document.documentElement.clientWidth)
  );
}

$(function(){
  var pos = localStorage.getItem("windowscroll", 0);
  if (pos > 0)
  {
    localStorage.setItem("windowscroll", 0);
    $(window).scrollTop(pos);
  }
  $(".btnpos").click(function(e){
    localStorage.setItem("windowscroll", $(window).scrollTop());
  });

  document.addEventListener("scroll", function ()
  {
    $(".bignobox").each(function(index)
    {
      if (isInViewport(this))
      {
        $(this).animate({
          "height": "0px"
          }, 500, "swing", function() {
        });
      }
    });
  }, {
    passive: true
  });

  document.addEventListener("scroll", function ()
  {
    $(".texte_phrase_big").each(function(index)
    {
      if (isInViewport(this))
      {
        /*
        $(this).animate({
          "font-size": "30px"
          ,"line-height": "32px"
          }, 1000, "swing", function()
        {
        });
        */
      }
    });
  }, {
    passive: true
  });


  $("#container_business_big").animate({
    top: "0px"
  }, 1000, "easeOutBounce", function() {
  });
  $("#container_echange_big").animate({
    top: "0px"
  }, 1500, "easeOutBounce", function() {
  });
  $("#container_ethique_big").animate({
    top: "0px"
  }, 2000, "easeOutBounce", function() {
  });

  $(".avatarteam").mouseover(function(){
    user_id = $(this).data("id");
    $("#calq_"+user_id).show();
    $("#etiq_"+user_id).show();
  });
  $(".calq-people").mouseout(function(){
    user_id = $(this).data("id");
    $("#calq_"+user_id).hide();
    $("#etiq_"+user_id).hide();
  });
  $(".etiq-people").mouseout(function(){
    user_id = $(this).data("id");
    $("#calq_"+user_id).hide();
    $("#etiq_"+user_id).hide();
  });
});