var page = {
    _homeBanner2: $('#Banner_design2')
};

$(document).ready(function () {
    if (page._homeBanner2.length > 0) {
        homeFn.load();
    }
});

var homeFn = {
    load: function () {
        homeFn.bannerFn();
    },
    bannerFn: function () {
        var spriteImages = document.querySelectorAll('.slide-item__image');
        var spriteImagesSrc = [];
        for (var i = 0; i < spriteImages.length; i++) {
            var img = spriteImages[i];
            spriteImagesSrc.push(img.getAttribute('src'));
        }
        var initCanvasSlideshow = new CanvasSlideshow({
            sprites: spriteImagesSrc,
            displacementImage: 'https://omo-oss-image.thefastimg.com/portal-saas/demo_d83bc9af8bb342749ecf5b9c474b30c5/cms/image/956c28da-e73f-45ff-8fbd-385bce8171f2.jpg',
            autoPlay: true,
            autoStart: true,
            isPlaying: true,
            displacementCenter: true,
            autoPlaySpeed: [5, 2],
            displaceScale: [200, 70]
        });
    }
};