var filename = [
    "HP_bubble_main_000",
    "HP_bubble_one_000",
    "HP_bubble_two_000",
    "HP_bubble_three_000",
    "P2_000",
    "P6_000",
    "P8_000",
    "P9_000",
    "P7_000",
    "P4_000",
    "P10_000",
    "P3_000",
    "P11_000",
];

var min = 1;
var max = 30;
var extension = ".png";

var dir = [
    "Content/images/bubble-bits/frame-ring/",
    "Content/images/bubble-bits/left-bits/",
    "Content/images/bubble-bits/tabBitOne/",
    "Content/images/bubble-bits/tabBitTwo/",
    "Content/images/bubble-bits/P2_30_x2/",
    "Content/images/bubble-bits/P6_30_x2/",
    "Content/images/bubble-bits/P8_30_x2/",
    "Content/images/bubble-bits/P9_30_x2/",
    "Content/images/bubble-bits/P7_30_x2/",
    "Content/images/bubble-bits/P4_30_x2/",
    "Content/images/bubble-bits/P10_30_x2/",
    "Content/images/bubble-bits/P3_30_x2/",
    "Content/images/bubble-bits/P11_30_x2/",
];

var current = 1;
var fps = 7.5;
var myAnim;

for (var i = min; i <= max; i++) {
    $("#personaRing").append(
    `<img id="${i}" src="${dir[0]}${filename[0]}${
      i < 10 ? "0" + i : i
        }${extension}">`
    );
}

for (var i = min; i <= max; i++) {
    $("#leftBubbleBit").append(
    `<img id="${i}" src="${dir[1]}${filename[1]}${
      i < 10 ? "0" + i : i
        }${extension}">`
    );
}

for (var i = min; i <= max; i++) {
    $("#personaRing2").append(
    `<img id="${i}" src="${dir[0]}${filename[0]}${
      i < 10 ? "0" + i : i
        }${extension}">`
    );
}
for (var i = min; i <= max; i++) {
  $("#personaRing3").append(
    `<img id="${i}" src="${dir[0]}${filename[0]}${
      i < 10 ? "0" + i : i
        }${extension}">`
    );
}

for (var i = min; i <= max; i++) {
    $("#tabBitOne").append(
    `<img id="${i}" src="${dir[2]}${filename[2]}${
      i < 10 ? "0" + i : i
        }${extension}">`
    );
}

for (var i = min; i <= max; i++) {
    $("#tabBitTwo").append(
    `<img id="${i}" src="${dir[3]}${filename[3]}${
      i < 10 ? "0" + i : i
        }${extension}">`
    );
}
for (var i = min; i <= max; i++) {
    $("#P2_30_x2").append(
    `<img id="${i}" src="${dir[4]}${filename[4]}${
      i < 10 ? "0" + i : i
        }${extension}">`
    );
}
for (var i = min; i <= max; i++) {
    $("#P6_30_x2").append(
    `<img id="${i}" src="${dir[5]}${filename[5]}${
      i < 10 ? "0" + i : i
        }${extension}">`
    );
}
for (var i = min; i <= max; i++) {
    $("#P8_30_x2").append(
    `<img id="${i}" src="${dir[6]}${filename[6]}${
      i < 10 ? "0" + i : i
        }${extension}">`
    );
}
for (var i = min; i <= max; i++) {
    $("#P9_30_x2").append(
    `<img id="${i}" src="${dir[7]}${filename[7]}${
      i < 10 ? "0" + i : i
        }${extension}">`
    );
}
for (var i = min; i <= max; i++) {
    $("#P7_30_x2").append(
    `<img id="${i}" src="${dir[8]}${filename[8]}${
      i < 10 ? "0" + i : i
        }${extension}">`
    );
}
for (var i = min; i <= max; i++) {
    $("#P4_30_x2").append(
    `<img id="${i}" src="${dir[9]}${filename[9]}${
      i < 10 ? "0" + i : i
        }${extension}">`
    );
}
for (var i = min; i <= max; i++) {
    $("#P10_30_x2").append(
    `<img id="${i}" src="${dir[10]}${filename[10]}${
      i < 10 ? "0" + i : i
        }${extension}">`
    );
}
for (var i = min; i <= max; i++) {
    $("#P3_30_x2").append(
    `<img id="${i}" src="${dir[11]}${filename[11]}${
      i < 10 ? "0" + i : i
        }${extension}">`
    );
}
for (var i = min; i <= max; i++) {
    $("#P11_30_x2").append(
    `<img id="${i}" src="${dir[12]}${filename[12]}${
      i < 10 ? "0" + i : i
        }${extension}">`
    );
}
$('#personaRing img[id="1"]').addClass("show");
$('#leftBubbleBit img[id="1"]').addClass("show");
$('#personaRing2 img[id="1"]').addClass("show");
$('#personaRing3 img[id="1"]').addClass("show");
$('#leftBubbleBit1 img[id="1"]').addClass("show");
$('#tabBitOne img[id="1"]').addClass("show");
$('#tabBitTwo img[id="1"]').addClass("show");
$('#P2_30_x2 img[id="1"]').addClass("show");
$('#P6_30_x2 img[id="1"]').addClass("show");
$('#P8_30_x2 img[id="1"]').addClass("show");
$('#P9_30_x2 img[id="1"]').addClass("show");
$('#P7_30_x2 img[id="1"]').addClass("show");
$('#P4_30_x2 img[id="1"]').addClass("show");
$('#P10_30_x2 img[id="1"]').addClass("show");
$('#P3_30_x2 img[id="1"]').addClass("show");
$('#P11_30_x2 img[id="1"]').addClass("show");
setTimeout(() => {
  animate();
}, 2000);

$("#fps").on("change", function () {
    fps = $("#fps").val();
    animate();
});

function animate() {
    clearInterval(myAnim);
    myAnim = setInterval(function () {
        $('#personaRing img[id="' + current + '"]').addClass("show");
        $('#personaRing img[id!="' + current + '"]').removeClass("show");
        $('#leftBubbleBit img[id="' + current + '"]').addClass("show");
        $('#leftBubbleBit img[id!="' + current + '"]').removeClass("show");
        $('#personaRing2 img[id="' + current + '"]').addClass("show");
        $('#personaRing2 img[id!="' + current + '"]').removeClass("show");
        $('#personaRing3 img[id="' + current + '"]').addClass("show");
        $('#personaRing3 img[id!="' + current + '"]').removeClass("show");
        $('#leftBubbleBit1 img[id="' + current + '"]').addClass("show");
        $('#leftBubbleBit1 img[id!="' + current + '"]').removeClass("show");
        $('#tabBitOne img[id="' + current + '"]').addClass("show");
        $('#tabBitOne img[id!="' + current + '"]').removeClass("show");
        $('#tabBitTwo img[id="' + current + '"]').addClass("show");
        $('#tabBitTwo img[id!="' + current + '"]').removeClass("show");
        $('#P2_30_x2 img[id="' + current + '"]').addClass("show");
        $('#P2_30_x2 img[id!="' + current + '"]').removeClass("show");
        $('#P6_30_x2 img[id="' + current + '"]').addClass("show");
        $('#P6_30_x2 img[id!="' + current + '"]').removeClass("show");
        $('#P8_30_x2 img[id="' + current + '"]').addClass("show");
        $('#P8_30_x2 img[id!="' + current + '"]').removeClass("show");
        $('#P9_30_x2 img[id="' + current + '"]').addClass("show");
        $('#P9_30_x2 img[id!="' + current + '"]').removeClass("show");
        $('#P7_30_x2 img[id="' + current + '"]').addClass("show");
        $('#P7_30_x2 img[id!="' + current + '"]').removeClass("show");
        $('#P4_30_x2 img[id="' + current + '"]').addClass("show");
        $('#P4_30_x2 img[id!="' + current + '"]').removeClass("show");
        $('#P10_30_x2 img[id="' + current + '"]').addClass("show");
        $('#P10_30_x2 img[id!="' + current + '"]').removeClass("show");
        $('#P3_30_x2 img[id="' + current + '"]').addClass("show");
        $('#P3_30_x2 img[id!="' + current + '"]').removeClass("show");
        $('#P11_30_x2 img[id="' + current + '"]').addClass("show");
        $('#P11_30_x2 img[id!="' + current + '"]').removeClass("show");
        current = current < max ? current + 1 : min;
    }, 1000 / fps);
}

$(function () {
    // start home banner slider js

    var galleryThumbs = new Swiper(".home_tabs", {
      slidesPerView: 3,
      spaceBetween: 10,
    });
  
    var galleryMain = new Swiper(".home_slider", {
      slidesPerView: 1,
      loop: false,
      // preventInteractionOnTransition: true,
      navigation: {
        nextEl: null,
        prevEl: null,
      },
      effect: "fade",
      fadeEffect: {
        crossFade: true,
      },
      thumbs: {
        swiper: galleryThumbs,
      },
    breakpoints: {
      576: {
        loop: false,
      },
    },
    });
  
    galleryMain.on("slideChangeTransitionStart", function () {
      galleryThumbs.slideTo(galleryMain.activeIndex);
    });
  
    galleryThumbs.on("transitionStart", function () {
      galleryMain.slideTo(galleryThumbs.activeIndex);
    });
    // end home banner slider js
  
    // hamburger header
  
    // $(".hamburger").click(function () {
    //   $(this).toggleClass("is-active");
    // });
    const myCollapsible = document.getElementById('vprivNav')
    myCollapsible.addEventListener('hidden.bs.collapse', event => {
      $(".hamburger").removeClass("is-active");
    })
    myCollapsible.addEventListener('shown.bs.collapse', event => {
      $(".hamburger").addClass("is-active");
    })
    // $(".hamburger").click(function () {
    //   $(this).toggleClass("is-active");
    // });
    //show.bs.collapse
  });
  
  // fixed header
  var topheaderHeight = $(".top-header").innerHeight();
  var topheaderNav = $(".top-header > div").innerHeight();
  var navHeight = $(".navbar").innerHeight();
  var totalHeight = topheaderHeight + navHeight;
  
  $(".custom-nav .search-btn").click(function (e) {
    e.preventDefault();
    $(this).closest('.search').toggleClass("open");
    $(".navbar-nav").toggleClass("nav-hide");
  });
  
  // start ISI fixed and content open
  // $("#button").click(function() {
    $(document).ready(function () {
      $(".isiRead").click(function (e) {
        setTimeout(() => {
          var hash = window.location.hash;
          // console.log("adawdawd", hash);
          $("html, body").animate(
            {
              scrollTop: $(hash).offset().top - totalHeight,
            },
            500
          );
        },50);
      });
      setTimeout(() => {
      var hash = window.location.hash;
      // console.log("adawdawd", hash);
      //console.log("hh", $(hash).length > 0)
      if($(hash).length > 0){
        $("html, body").animate(
          {
            scrollTop: $(hash).offset().top - totalHeight,
          },
          500
        );
      }
      },50);
  });
  jQuery.fn.isInViewport = function () {
  //console.log("elem", jQuery(this));
    var elementTop = jQuery(this).offset().top;
    var elementBottom = elementTop + jQuery(this).outerHeight();
    var viewportTop = jQuery(window).scrollTop();
    var viewportBottom = viewportTop + jQuery(window).height();
    return elementBottom > viewportTop && elementTop < viewportBottom;
  };
  $(document).ready(function () {
    if (jQuery("#ISI").isInViewport()) {
      jQuery("#importantShort").addClass("d-none");
      jQuery(".fixed-slider").addClass("bottom-change");
      // console.log("fbdfb");
      // jQuery("#ot-sdk-btn-floating.ot-floating-button").css("bottom","10px");
    } else {
      jQuery("#importantShort").removeClass("d-none");
      jQuery(".fixed-slider").removeClass("bottom-change");
      // jQuery("#ot-sdk-btn-floating.ot-floating-button").css("bottom",$("#importantShort").outerHeight());
      setTimeout(() => {
        jQuery("#ot-sdk-btn-floating.ot-floating-button").css("bottom",$("#importantShort").outerHeight() + 10);
      }, 1300);
    }
    var fixedSlider = $(".fixed-slider").innerHeight();
    if ($(".fixed-slider").isInViewport()) {
    $(".footer-inner").css(
      "padding-bottom",
      "calc(" + fixedSlider + "px - 40px)"
    );
  } else {
      $(".footer-inner").css("padding-bottom", "0px");
    }
  });
  
  jQuery(window).on("resize scroll", function () {
    if (jQuery("#ISI").isInViewport()) {
      jQuery("#importantShort").addClass("d-none");
      jQuery(".fixed-slider").addClass("bottom-change");
      jQuery("#ot-sdk-btn-floating.ot-floating-button").css("bottom","10px");
    } else {
      jQuery("#importantShort").removeClass("d-none");
      jQuery(".fixed-slider").removeClass("bottom-change");
      jQuery("#ot-sdk-btn-floating.ot-floating-button").css("bottom",$("#importantShort").outerHeight() + 10);
    }
  });
  var innerToggle = $(".content-toggle").innerHeight();
  
  $(".content-toggle").click(function () {
    $(".important-short-content").toggleClass("short-content-visible");
  if ($(window).width() > 991) {
    if ($(".important-short-content").hasClass("short-content-visible")) {
      $(".important-short-content").css(
        "height",
        "calc(100vh - " + (topheaderNav + 2) + "px)"
      );
      jQuery("#ot-sdk-btn-floating.ot-floating-button").css("bottom", "10px");
    } else {
      $(".important-short-content").css("height", "0");
      jQuery("#ot-sdk-btn-floating.ot-floating-button").css("bottom",$("#importantShort").outerHeight() + 10);
    }
  } else {
    if ($(".important-short-content").hasClass("short-content-visible")) {
      $(".important-short-content").css("height", "calc(100vh - " + 32 + "%)");
      $(".isi-overlay").show();
      jQuery("#ot-sdk-btn-floating.ot-floating-button").css("bottom", "10px");
    } else {
      $(".important-short-content").css("height", "0");
      $(".isi-overlay").hide();
      jQuery("#ot-sdk-btn-floating.ot-floating-button").css("bottom",$("#importantShort").outerHeight() + 10);
    }
  }

  $("body").toggleClass("overflow-hidden");
});
$(".isi-overlay").click(function () {
  if ($(".important-short-content").hasClass("short-content-visible")) {
    $(".important-short-content").css("height", "0");
    $("body").removeClass("overflow-hidden");
    $(".isi-overlay").hide();
  }
});
  // end ISI fixed and content open
  
  var totleTopMinus = innerToggle + topheaderNav;

if ($(window).width() > 991) {
  $(".inner-scroll-content").css(
    "height",
    "calc(100vh - " + totleTopMinus + "px - 15px)"
  );
} else {
  $(".inner-scroll-content").css("height", "calc(100% - 36px)");
}
  // var header = document.querySelector(".header-fixed");
  // var navbarHeight = header.offsetHeight;
  // var lastScrollTop = 0;
  $(document).ready(function () {
  var headerFixed = $(".header-fixed");
  var headerFixedHeight = $(".header-fixed").innerHeight();
  
  if ($(window).width() > 991) {
    $(window).scroll(function () {
      if ($(window).scrollTop() > 0) {
        headerFixed.css("position", "fixed");
        headerFixed.css("top", "0");
        $(".sticky_margin").css("margin-top", headerFixedHeight);
      }
    });
    window.onscroll = function () {
      scrollHide();
    };
    // headerFixed.css("top", topheaderHeight);
    // function scrollHide() {
    var lastScrollTop = 0;
    function scrollHide() {
        var st = window.pageYOffset || document.documentElement.scrollTop;
        if (st > lastScrollTop) {
          $(".custom-nav").css("top", -headerFixedHeight);
        } else {
          $(".custom-nav").css("top", 0);
        }
        lastScrollTop = st <= 0 ? 0 : st;
    }
  }

  $(window).on("scroll", function () {
      let y_scroll_pos = window.pageYOffset + 700;
    let graphOne = $("#treatmentNaiveChart").offset()?.top;
    let graphTwo = $("#headToHeadChart").offset()?.top;
    //console.log("wdad",y_scroll_pos, graphOne)
      if (y_scroll_pos > graphOne || y_scroll_pos == graphOne) {
      $("#pinkId").css({ height: "23%", "transition-delay": "0s" });
      $("#blueId").css({ height: "66%", "transition-delay": "0.25s" });
      $("#yellowId").css({ height: "50%", "transition-delay": "0.5s" });
      $("#violetId").css({ height: "17%", "transition-delay": "0.75s" });
      }
      if (y_scroll_pos > graphTwo || y_scroll_pos == graphTwo) {
      $("#navyBlueId1").css({ height: "15%", "transition-delay": "0s" });
      $("#pinkId1").css({ height: "14%", "transition-delay": "0.25s" });
      $("#navyBlueId2").css({ height: "111%", "transition-delay": "0.5s" });
      $("#blueId1").css({ height: "77%", "transition-delay": "0.75s" });
      $("#navyBlueId3").css({ height: "46%", "transition-delay": "1.0s" });
      $("#greenId1").css({ height: "50%", "transition-delay": "1.25s" });
      $("#navyBlueId4").css({ height: "23%", "transition-delay": "1.5s" });
      $("#purpleId1").css({ height: "25%", "transition-delay": "2s" });
    }
  });
});
// window.onscroll = function () {
//   scrollHide();
// };
//   var st = window.pageYOffset || document.documentElement.scrollTop;
//   console.log(st);
//   if (st > lastScrollTop) {
//     header.classList.add("hide");
//     console.log(headerFixedHeight, "headerFixedHeight");
//     headerFixed.css("top", -headerFixedHeight);
//   } else {
//     header.classList.remove("hide");
//     headerFixed.css("top", topheaderHeight);
//   }
//   lastScrollTop = st <= 0 ? 0 : st;
// }

//var swiper;
//function initializeSlider() {
//    swiper = new Swiper(".mySwiper", {
//        initialSlide: 3,
//        navigation: {
//          nextEl: ".swiper-button-next",
//          prevEl: ".swiper-button-prev",
//          },

//        // autoHeight: false,
//      });
//}

//var swiper = new Swiper(".mySwiper", {
//  //initialSlide: 3,
//    loop:true,
//  navigation: {
//    nextEl: ".swiper-button-next",
//    prevEl: ".swiper-button-prev",
//  },

//  // autoHeight: false,
//});

// header.css("top",topheaderHeight);
//   $( window ).on("load", function() {
//     var sss = $(".header-fixed");
//     sss.css("top",topheaderHeight)

// });

// var sheight = $(".fixed-slider .swiper-slide").height();
// var padding = $(".fixed-slider .swiper-slide").css("padding-top");
// // var paddingpx = padding + "px";
// console.log(padding,"asdhkfgsdhkgfksdf");
// // console.log(paddingpx,"paddingpx");

// var cusheight = sheight - padding;
// console.log(cusheight,"cusheight");

// console.log(sheight,"sjdfklsdjf");

$(".navbar-toggler").on("click", function () {
  $("body").toggleClass("overflow-hidden");
});

//  video play and pause
// const video = document.querySelectorAll("#video, #video1, #video2");
// const circlePlayButton = document.getElementById("circle-play-b");

// function togglePlay() {
//   if (video.paused || video.ended) {
//     video.play();
//   } else {
//     video.pause();
//   }
// }

// circlePlayButton.addEventListener("click", togglePlay);
// video.addEventListener("playing", function () {
//   circlePlayButton.style.opacity = 0;
// });
// video.addEventListener("pause", function () {
//   circlePlayButton.style.opacity = 1;
// });

// $('.play-btn-icon').click(function () {
//   var mediaVideos = $("#video, #video1, #video2");
//   mediaVideos.each(function() {
//       var mediaVideo = this;

//       if (mediaVideo.paused) {
//           mediaVideo.play();
//       } else {
//           mediaVideo.pause();
//      }
//   });
// });

var externalUrl = "";

//Global Search START
$("#txtSearch").keypress(function (event) {
    
    if (event.keyCode === 13) {
        event.preventDefault();
        var url = "@HttpContext.Current.Request.Url.Authority";
        var scheme = "@HttpContext.Current.Request.Url.Scheme";
        var endPoint = scheme + "://" + url;
        var searchValue = $('#txtSearch').val();
        //alert(searchValue);
        $.ajax({
            url: "/global-search",
            type: 'GET',
            data: { searchValue: $('#txtSearch').val() },
            dataType: 'Html', // added data type
            success: function (res) {
                console.log(res);
                $(".search-result").removeClass('d-none');
                $(".search-result").empty();
                $(".search-result").append(res);
            }
        });
    }
});
$(window).scroll(function(){
    $(".search-result").addClass('d-none');
    // $(".search-result").Class('d-none');
});
//function redirectSearch() {
//    var url = "@HttpContext.Current.Request.Url.Authority";
//    var scheme = "@HttpContext.Current.Request.Url.Scheme";
//    var endPoint = scheme + "://" + url;
//    var searchValue = $('#txtSearch').val();
//    //alert(searchValue);
//    $.ajax({
//        url: "/global-search",
//        type: 'GET',
//        data: { searchValue: $('#txtSearch').val() },
//        dataType: 'Html', // added data type
//        success: function (res) {
//            console.log(res);
//            $(".search-result").empty();
//            $(".search-result").append(res);
//        }
//    });
//}
//END

//Leave site consent popup START
function setUrl(url) {
    externalUrl = url;
}
function redirect() {
    window.open(externalUrl);
    $('#exitSite').modal('hide');
}
//END

//Persona Footer redirection functionality START
function redirectPersona(link, persona) {
     
    console.log(persona);
    var personaFooter = {
        "activeLink": link,
        "activePersona": persona
    }
    if (persona != null)
        sessionStorage.setItem('personaFooter', JSON.stringify(personaFooter));
    else
        sessionStorage.setItem('personaFooter', '');
    window.location.href = link;
}


function addActive(personaObject) {
    $("#personaFooter ul li.footer-nav-item").each(function () {
        $this = $(this)

        if ($this.find("a").hasClass("active")) {
            $this.find("a").removeClass('active');
        }
    });
    var personaSelector = "#persona" + personaObject['activePersona'] + " a";
    //console.log(personaSelector)
    $(personaSelector).each(function () {
        if ($(this).attr('href') == personaObject['activeLink'])
            $(this).addClass("active")
    })
}

function initializeSlider(activeSlide) {
    var swiper = new Swiper(".mySwiper", {
        loop: true,
        initialSlide: parseInt(activeSlide),
        allowTouchMove : false,
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
        }
    });
    //console.log('*** mySwiper.realIndex', swiper.activeIndex);
    if (swiper.activeIndex === 1) {
        $(".mySwiper .swiper-button-prev").css("pointer-events", "none");
    }
    swiper.on('slideChange', function () {

        if(swiper.realIndex === 0){
            $(".mySwiper .swiper-button-prev").css("pointer-events", "none");
        }else{
            $(".mySwiper .swiper-button-prev").css("pointer-events", "unset");
        }
    });
}
//END