var flag = 0

function navButton() {
    if(flag == 0 )
        document.getElementById("home-nav").querySelectorAll('.nav-item').forEach(function(element) {
            element.className += " hidden";
            flag = 1
        });
    else if(flag == 1 )
        document.getElementById("home-nav").querySelectorAll('.nav-item').forEach(function(element) {
            element.classList.remove("hidden")
            flag = 0
        });
        }

/***********Animation scroll */
const observer = new IntersectionObserver(intersections => {
    intersections.forEach(({
      target,
      isIntersecting
    }) => {
      target.classList.toggle('animate__fadeInDown', isIntersecting);
    });
  }, {
    threshold: 0
  });
  const observerR = new IntersectionObserver(intersections => {
    intersections.forEach(({
      target,
      isIntersecting
    }) => {
      target.classList.toggle('animate__fadeInRight', isIntersecting);
    });
  }, {
    threshold: 0
  });

  document.querySelectorAll('.pb-2.m-2').forEach(div => {
    observer.observe(div);
  });


  let flag2 = 0
    const observer2 = new IntersectionObserver(intersections => {
        intersections.forEach(({
          target,
          isIntersecting
        }) => {
            // if(flag2 < 5 ){
                target.classList.toggle('animate__animated', isIntersecting);
                target.classList.toggle('animate__fadeIn', isIntersecting);
                // flag2 += 1
            // }
        });
      }, {
        threshold: 0
      });
    document.querySelectorAll('p').forEach(div => {
        observer2.observe(div);
    });
    document.querySelectorAll('#invest').forEach(div => {
        observer2.observe(div);
    });
    document.querySelectorAll('.card-service').forEach(div => {
        observer2.observe(div);
    });
/************Home Banners************** */

function changeHederSlider() {
    sliders()
  }


var x = 1

 setInterval(function(){
    sliders()
    changeSlider(1)
    }
  ,5000);

function sliders(){
    x = ++x
    if(x==7) x=1;
    document.querySelector('.page-header').style.background = "url('/img/sliders/tashawr-slide"+x+".jpg')"

    document.querySelectorAll('.banner-text').forEach(div => {
        div.style.display = 'none';
        // observer.observe(div);
        setTimeout(function() {
            //your code to be executed after 1 second
            div.style.display = 'block'
          }, 500);

      });
      document.querySelectorAll('.wt').forEach(div => {
        div.style.display = 'none';
        // observer.observe(div);
        setTimeout(function() {
            //your code to be executed after 1 second
            div.style.display = 'block'
          }, 1500);

      });
      document.querySelectorAll('.pdf-download').forEach(div => {
        div.style.display = 'none';
        // observer.observe(div);
        setTimeout(function() {
            //your code to be executed after 1 second
            div.style.display = 'block'
          }, 2500);

      });
}
  /**********clients-slider************* */
  var slideIndex = 1;
  showDivs(slideIndex);

  function changeSlider(n) {
    showDivs(slideIndex += n);
  }

  function showDivs(n) {
    var i;
    var x = document.getElementsByClassName("client");
    if (n > x.length) {slideIndex = 1}
    if (n < 1) {slideIndex = x.length} ;
    for (i = 0; i < x.length; i++) {
      x[i].style.display = "none";
    }
    x[slideIndex-1].style.display = "flex";
  }