// Initialize Carousel
jQuery(function ($) {
if ((jQuery(window).width() < 0)|| (jQuery(window).width() <= 480)|| (jQuery(window).width() >= 480 && jQuery(window).width() <= 980)|| (jQuery(window).width() >= 980)) {
// Define media queries for different device sizes
const columnClass = ".pac_dcm_column_1";
column = $(columnClass);
column.navigationImages = [];
slickSettings = {
fade: false,
centerMode: true,
infinite: true,
slidesToShow: 1,
variableWidth: true,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 3000,
arrows: false,
dots: true,
rtl: false,
speed: 500,
pauseOnHover: false,
useCSS: true,
useTransform: true,
cssEase: 'ease',
waitForAnimate: true,
swipe: true,
touch: true,
swipeToSlide: true,
rows: 1,
touchThreshold: 500,
initialSlide: 0,
adaptiveHeight: false,
responsive: [
{
breakpoint: 980,
settings: {
fade: false,
centerMode: true,
variableWidth: true,
infinite: true,
slidesToShow: 1,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 3000,
arrows: false,
dots: true,
pauseOnHover: false,
swipe: true,
touch: true,
swipeToSlide: true,
rows: 1,
touchThreshold: 500,
initialSlide: 0,
adaptiveHeight: false }
},
{
breakpoint: 767,
settings: {
fade: false,
centerMode: true,
infinite: true,
variableWidth: true,
slidesToShow: 1,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 3000,
arrows: false,
dots: true,
pauseOnHover: false,
swipe: true,
touch: true,
swipeToSlide: true,
rows: 1,
touchThreshold: 500,
initialSlide: 0,
adaptiveHeight: false }
}
]
};
//======================================================================
// Carousel Navigation Images
//======================================================================
column.navigationImages = jQuery(columnClass).data("slick-navigation-images");
if ('undefined' === typeof column.navigationImages) {
column.navigationImages = [];
}
// Total Items Per Row
const numberOfItemsPerRow = parseInt('1');
//======================================================================
// Slick On Init
//======================================================================
column.on('init', function (event, slick, currentSlide, nextSlide) {
let overlayLoading = column.prev('.loading__overlay');
if (overlayLoading.length > 0) {
overlayLoading.fadeOut('slow');
column.fadeIn('slow');
}
window.carouselCurrentSlide = slick.currentSlide;
window.carouselTotalSlides = slick.slideCount;
$(columnClass + ' .slick-current').addClass('active');
$(columnClass + ' .slick-current').next('.slick-slide').addClass('nextSlide');
$(columnClass + ' .slick-current').prev('.slick-slide').addClass('previousSlide');
if (numberOfItemsPerRow === 3) {
$(columnClass + ' .slick-slide.nextSlide').next('.slick-slide').addClass('preNextSlide');
$(columnClass + ' .slick-slide.previousSlide').prev('.slick-slide').addClass("prePreviousSlide");
} else if (5 === numberOfItemsPerRow) {
$(columnClass + ' .slick-current').next('.slick-slide').next('.slick-slide').addClass('nextSlide');
$(columnClass + ' .slick-current').prev('.slick-slide').prev('.slick-slide').addClass('previousSlide');
} else if (7 === numberOfItemsPerRow) {
$(columnClass + ' .slick-current').next('.slick-slide').next('.slick-slide').next('.slick-slide').addClass('nextSlide');
$(columnClass + ' .slick-current').prev('.slick-slide').prev('.slick-slide').prev('.slick-slide').addClass('previousSlide');
} else if (9 === numberOfItemsPerRow) {
$(columnClass + ' .slick-current').next('.slick-slide').next('.slick-slide').next('.slick-slide').addClass('nextSlide');
$(columnClass + ' .slick-current').prev('.slick-slide').prev('.slick-slide').prev('.slick-slide').addClass('previousSlide');
} else if (11 === numberOfItemsPerRow) {
$(columnClass + ' .slick-current').next('.slick-slide').next('.slick-slide').next('.slick-slide').addClass('nextSlide');
$(columnClass + ' .slick-current').prev('.slick-slide').prev('.slick-slide').prev('.slick-slide').addClass('previousSlide');
}
});
//======================================================================
// Initliaze Slick
//======================================================================
column.slick(slickSettings);
//======================================================================
// Slick Slider Counter
//======================================================================
//======================================================================
// Slick Before Change
//======================================================================
column.on('beforeChange', function (event, {slideCount: count}, currentSlide, nextSlide) {
let dataSlideIndex = [nextSlide, nextSlide - count, nextSlide + count].map((n) => columnClass + ` [data-slick-index="${n}"]`).join(", ");
$(columnClass + ' .slick-slide')
.removeClass('active')
.removeClass('nextSlide')
.removeClass('preNextSlide')
.removeClass('previousSlide')
.removeClass('prePreviousSlide');
$(dataSlideIndex).addClass('active');
$(columnClass + ' .slick-slide.active').next('.slick-slide').addClass('nextSlide');
$(columnClass + ' .slick-slide.active').prev('.slick-slide').addClass('previousSlide');
if (numberOfItemsPerRow === 3) {
$(columnClass + ' .slick-slide.nextSlide').next('.slick-slide').addClass('preNextSlide');
$(columnClass + ' .slick-slide.previousSlide').prev('.slick-slide').addClass('prePreviousSlide');
} else if (5 === numberOfItemsPerRow) {
$(columnClass + ' .slick-slide.active').next('.slick-slide').next('.slick-slide').addClass('nextSlide');
$(columnClass + ' .slick-slide.active').prev('.slick-slide').prev('.slick-slide').addClass('previousSlide');
} else if (7 === numberOfItemsPerRow) {
$(columnClass + ' .slick-slide.active').next('.slick-slide').next('.slick-slide').next('.slick-slide').addClass('nextSlide');
$(columnClass + ' .slick-slide.active').prev('.slick-slide').prev('.slick-slide').prev('.slick-slide').addClass('previousSlide');
} else if (9 === numberOfItemsPerRow) {
$(columnClass + ' .slick-slide.active').next('.slick-slide').next('.slick-slide').next('.slick-slide').addClass('nextSlide');
$(columnClass + ' .slick-slide.active').prev('.slick-slide').prev('.slick-slide').prev('.slick-slide').addClass('previousSlide');
} else if (11 === numberOfItemsPerRow) {
$(columnClass + ' .slick-slide.active').next('.slick-slide').next('.slick-slide').next('.slick-slide').addClass('nextSlide');
$(columnClass + ' .slick-slide.active').prev('.slick-slide').prev('.slick-slide').prev('.slick-slide').addClass('previousSlide');
}
});
//======================================================================
// Slick After Change
//======================================================================
column.on('afterChange', function (event, slick, currentSlide) {
});
//======================================================================
// Keyboard Navigation
//======================================================================
//======================================================================
// RecalculateWidth:
//======================================================================
// If continueous scroll is on, ovveride autoplay settings
jQuery(document).ready(function () {
/**
* Fixed Transition
*/
jQuery(".pac_dcm_column_1 .slick-slide").css({
'transition': "all 500ms ease-in-out",
'animation-duration': "500ms",
'animation-iteration-count': "1"
})
/**
* Fixed Smooth Cont. Scroll
*/
;
jQuery(".pac_dcm_column_1 .slick-track").css({'transform': 'none'});
/**
* Fixed Last To First Slide Bumping
*
* @since 1.3
*
*/
column.on('beforeChange', function (event, slick, currentSlide, nextSlide) {
if (0 === nextSlide) {
let slideClasses = 'slick-current slick-active' + (slickSettings.centerMode ? ' slick-center' : '');
setTimeout(function () {
$('[data-slick-index="' + slick.$slides.length + '"]').addClass(slideClasses).siblings().removeClass(slideClasses);
for (let i = slick.options.slidesToShow - 1; i >= 0; i--) {
if (i !== 0) {
$('[data-slick-index="' + i + '"]').addClass('slick-current slick-active');
} else {
$('[data-slick-index="' + i + '"]').addClass(slideClasses);
}
}
}, 0);
}
});
});
}
/**
* Closes open toggle items in a slick slider column before slide change on phones with limited items.
*/
const itemsOnPhone = 1;
if (column.find('.et_pb_toggle_item').length > 0) {
// BeforeChange
column.on('beforeChange', function (event, slick, currentSlide, nextSlide) {
slick.$slides.each(function (index, slide) {
if ($(slide).find('.et_pb_toggle_item').hasClass('et_pb_toggle_open')) {
$(slide).find('.et_pb_toggle_item.et_pb_toggle_open').removeClass('et_pb_toggle_open').addClass('et_pb_toggle_close');
$(slide).find('.et_pb_toggle_content').hide();
}
});
// Prevent Slider To Move
$('.slick-slide').find('.et_pb_toggle_item').on('click', function (e) {
if ($(slide).find('.et_pb_toggle_item').hasClass('et_pb_toggle_open')) {
$(slide).find('.et_pb_toggle_item.et_pb_toggle_open').removeClass('et_pb_toggle_open').addClass('et_pb_toggle_close');
$(slide).find('.et_pb_toggle_content').hide();
}
column.slick('slickGoTo', $('.slick-slide.active.slick-current.slick-active').data('slick-index'))
});
});
}
});
