Nightpearl 2024 scripts

<script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<script>
var autoPlayVideo = document.getElementById("HPBannerVideo");
autoPlayVideo.oncanplaythrough = function() {
autoPlayVideo.muted = true;
autoPlayVideo.play();
autoPlayVideo.pause();
autoPlayVideo.play();
}
</script>
<script>
var ua = window.navigator.userAgent;
var msie = ua.indexOf('MSIE ');
var trident = ua.indexOf('Trident/');
if(msie > 0 || trident > 0){
alert("Internet Explorer není podporovaný prohlížeč, prosím využijte moderní alternativu, Google Chrome, atd. Děkujeme za pochopení.");
}
var footer_flags = '<div class="prefoooter_container container footer_flags"><img src="https://www.nightpearl.shop/user/documents/upload/resources/res2020/3Y.jpg" alt="3Y"/><img src="https://www.nightpearl.shop/user/documents/upload/resources/res2020/NI2.jpg" alt="NI2"/><img src="https://www.nightpearl.shop/user/documents/upload/resources/res2020/NP QIP.jpg" alt="NP QIP"/><img src="https://www.nightpearl.shop/user/documents/upload/resources/res2020/QC.jpg" alt="QC"/><img src="https://www.nightpearl.shop/user/documents/upload/resources/res2020/ABH.jpg" alt=""/></div>';
$(footer_flags).prependTo('#footer');
</script>

<script>
$('.p-short-description').appendTo('.p-info-wrapper');
$('.social-buttons-wrapper').appendTo('.p-image-wrapper');
$('.shp-tabs-wrapper .extended-description').appendTo('.p-detail div.p-info-wrapper');
$('#below_tabs').insertBefore('#footer');
</script>

<script>
$('.detail_slider').slick({
dots: false,
infinite: true,
speed: 300,
autoplay: true,
autoplaySpeed: 3000,
slidesToShow: 3,
slidesToScroll: 1,
centerMode: true,
centerPadding: '120px',
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 3,
slidesToScroll: 1,
centerPadding: '30px',
}
},
{
breakpoint: 600,
settings: {
slidesToShow: 2,
slidesToScroll: 2
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
}
// You can unslick at a given breakpoint now by adding:
// settings: "unslick"
// instead of a settings object
]
});
</script>

<script>
$('.carousel-inner')
.removeClass('carousel-inner')
.addClass('slick-carousel')
.promise() // Ensures the class changes are completed
.done(function() { // Runs once the class changes are done
$('.slick-carousel').slick({
dots: true,
arrows: true,
infinite: true,
speed: 2000,
fade: true,
cssEase: 'linear',
autoplay: true,
autoplaySpeed: 4000
});
});
</script>