if (navigator.userAgent.search(/Edge/) > 0 || navigator.userAgent.search(/MSIE/) > 0 || navigator.userAgent.search(/NET CLR /) > 0) {

var child = document.getElementById("swipe");
child.parentNode.removeChild(child);

var child2 = document.getElementById("swipe_2");
child2.parentNode.removeChild(child2);

var child3 = document.getElementById("swipe_3");
child3.parentNode.removeChild(child3);

} else {


var xmlhttp1 = new XMLHttpRequest();
xmlhttp1.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        var myArr = JSON.parse(this.responseText);
        contentStr = "";
        myArr.forEach(function(o){
          let str = o.url;
          let sliceStr = str.slice(17);
          contentStr += "<div class='swiper-slide splide__slide'><figure class='img-modal program-thumb radius-thumb image is-16by9'><img src='https://img.youtube.com/vi/"+ sliceStr +"/mqdefault.jpg'></figure><p class='py-1'>"+ o.title +"</p><a href='"+ o.path +"'></a></div>";
        });
        document.getElementById('swiper-1').innerHTML = contentStr;
    }
};

xmlhttp1.open("GET", "/json/popular.json", true);
xmlhttp1.send();

var swiper = new Swiper('.swiper-container-1', {
  slidesPerView: 1,
  observer: true,
  pagination: {
    el: '.swiper-pagination-1',
    dynamicBullets: true,
  },
  navigation: {
    nextEl: '.swiper-next-1',
    prevEl: '.swiper-prev-1',
  },
  autoplay: {
    delay: 7000,
    disableOnInteraction: false,
  },
  breakpoints: {
    300: {
      slidesPerView: 2,
      slidesPerColumn: 2,
      spaceBetween: 18, 
    },
    768: {
      slidesPerView: 3,
      slidesPerColumn: 1,
      spaceBetween: 24,
      slidesPerGroup: 3,
    },
    1024: {
      slidesPerView: 4,
      slidesPerColumn: 1,
      spaceBetween: 24,
      slidesPerGroup: 4, 
    },
  }
});
swiper.autoplay.start();


var xmlhttp2 = new XMLHttpRequest();
xmlhttp2.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        var myArr = JSON.parse(this.responseText);
        contentStr = "";
        myArr.forEach(function(o){
          let str = o.url;
          let sliceStr = str.slice(17);
          contentStr += "<div class='swiper-slide splide__slide'><figure class='img-modal program-thumb radius-thumb image is-16by9'><img src='https://img.youtube.com/vi/"+ sliceStr +"/mqdefault.jpg'></figure><p class='py-1'>"+ o.title +"</p><a href='"+ o.path +"'></a></div>";
        });
        document.getElementById('swiper-2').innerHTML = contentStr;
  }
};

xmlhttp2.open("GET", "/json/interest.json", true);
xmlhttp2.send();

var swiper2 = new Swiper('.swiper-container-2', {
  slidesPerView: 1,
  observer: true,
  pagination: {
    el: '.swiper-pagination-2',
    dynamicBullets: true,
  },
  navigation: {
    nextEl: '.swiper-next-2',
    prevEl: '.swiper-prev-2',
  },
  autoplay: {
    delay: 7000,
    disableOnInteraction: false,
  },
  breakpoints: {
    300: {
      slidesPerView: 2,
      slidesPerColumn: 2,
      spaceBetween: 18, 
    },
    768: {
      slidesPerView: 3,
      slidesPerColumn: 1,
      spaceBetween: 24,
      slidesPerGroup: 3,
    },
    1024: {
      slidesPerView: 4,
      slidesPerColumn: 1,
      spaceBetween: 24,
      slidesPerGroup: 4, 
    },
  }
});
swiper2.autoplay.start();


var xmlhttp3 = new XMLHttpRequest();
xmlhttp3.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        var myArr = JSON.parse(this.responseText);
        contentStr = "";
        myArr.forEach(function(o){
          let str = o.url;
          let sliceStr = str.slice(17);
          contentStr += "<div class='swiper-slide splide__slide'><figure class='img-modal program-thumb radius-thumb image is-16by9'><img src='https://img.youtube.com/vi/"+ sliceStr +"/mqdefault.jpg'></figure><p class='py-1'>"+ o.title +"</p><a href='"+ o.path +"'></a></div>";
        });
        document.getElementById('swiper-3').innerHTML = contentStr;
    }
   

  };

xmlhttp3.open("GET", "/json/guests.json", true);
xmlhttp3.send();

var swiper3 = new Swiper('.swiper-container-3', {
  slidesPerView: 1,
  observer: true,
  pagination: {
    el: '.swiper-pagination-3',
    dynamicBullets: true,
  },
  autoplay: {
    delay: 7000,
    disableOnInteraction: false,
  },
  navigation: {
    nextEl: '.swiper-next-3',
    prevEl: '.swiper-prev-3',
  },
  breakpoints: {
    300: {
      slidesPerView: 2,
      slidesPerColumn: 2,
      spaceBetween: 18, 
    },
    768: {
      slidesPerView: 3,
      slidesPerColumn: 1,
      spaceBetween: 24,
      slidesPerGroup: 3,
    },
    1024: {
      slidesPerView: 4,
      slidesPerColumn: 1,
      spaceBetween: 24,
      slidesPerGroup: 4, 
    },
  }
});
swiper3.autoplay.start();

}