$('.owl-carousel').owlCarousel({
    loop: true,
    margin: 20,
    autoplay: true,
    autoplayHoverPause: true,
    nav: false,
    dots: false,
    autoHeight: true,

    responsive: {
        0: {
            items: 1
        },
        600: {
            items: 2
        },
        1000: {
            items: 3
        }
    }
})

// $(window).load(function () {
//     $('#slider').nivoSlider();
// });

//   $('.owl-carousel').owlCarousel({
//     rtl: true,
//     loop: true,
//     margin: 10,
//     autoplay: true,
//     autoplayTimeout: 4000,
//     autoplayHoverPause: true,
//     nav: true,
//     responsive: {
//       0: {
//         items: 1
//       },
//       600: {
//         items: 3
//       },
//       1000: {
//         items: 5
//       }
//     }
//   })

$(window).on('load', function () {
    // memanggil function module svg injector
    $.RFVCore.components.RFVSVGInjector.init('#slider');
    $.RFVCore.components.RFVSlickCarousel.init('.js-carousel');
});

$(document).ready(function () {

    document.querySelectorAll('[data-bg-url]').forEach(function (el) {
        el.style.backgroundImage = `url(${el.getAttribute('data-bg-url')})`;
    });

    // carousel
    $('#carousel-generic').carousel();
    var winWidth = $(window).innerWidth();
    $(window).resize(function () {

        if ($(window).innerWidth() < winWidth) {
            $('.carousel-inner>.item>img').css({
                'min-width': winWidth,
                'width': winWidth
            });
        } else {
            winWidth = $(window).innerWidth();
            $('.carousel-inner>.item>img').css({
                'min-width': '',
                'width': ''
            });
        }
    });

});