$(document).ready(function () {
var total = $('#slick-id{data.uid} img').length,
rand = Math.floor( Math.random() * total );
$( '.slick-bgimg#slick-id{data.uid} .slick-item' ).height($( '#slick-id{data.uid}' ).width()*{data.slickheight});
$( window ).resize(function() {
$( '.slick-bgimg#slick-id{data.uid} .slick-item' ).height($( '#slick-id{data.uid}' ).width()*{data.slickheight});
});
$('#slick-id{data.uid}').slick({
accessibility: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.accessibility)},
autoplay: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.autoplay)},
autoplaySpeed: {data.pi_flexform.autoplaySpeed},
centerMode: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.centerMode)},
centerPadding: '{data.pi_flexform.centerPadding}',
cssEase: '{data.pi_flexform.cssEase}',
dots: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.dots)},
dotsClass: '{data.pi_flexform.dotsClass}',
draggable: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.draggable)},
edgeFriction: {data.pi_flexform.edgeFriction},
fade: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.fade)},
mobileFirst: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.mobileFirst)},
infinite: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.infinite)},
initialSlide: rand,
initialSlide: {data.pi_flexform.initialSlide},
lazyLoad: '{data.pi_flexform.lazyLoad}',
pauseOnHover: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.pauseOnHover)},
pauseOnDotsHover: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.pauseOnDotsHover)},
respondTo: '{data.pi_flexform.respondTo}',
speed: {data.pi_flexform.speed},
swipe: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.swipe)},
swipeToSlide: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.swipeToSlide)},
touchMove: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.touchMove)},
useCSS: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.useCSS)},
variableWidth: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.variableWidth)},
vertical: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.vertical)},
verticalSwiping: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.verticalSwiping)},
rtl: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.rtl)},
waitForAnimate: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.waitForAnimate)},
zIndex: {data.pi_flexform.zIndex},
useTransform: true,
responsive: [
{
breakpoint: 1170,
settings: {
slidesToShow: {data.pi_flexform.slidesToShow-lg},
slidesToScroll: {data.pi_flexform.slidesToScroll-lg},
rows: {data.pi_flexform.rows-lg},
slidesPerRow: {data.pi_flexform.slidesPerRow-lg},
arrows: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.arrows-lg)},
}
},
{
breakpoint: 970,
settings: {
slidesToShow: {data.pi_flexform.slidesToShow-md},
slidesToScroll: {data.pi_flexform.slidesToScroll-md},
rows: {data.pi_flexform.rows-md},
slidesPerRow: {data.pi_flexform.slidesPerRow-md},
arrows: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.arrows-md)},
}
},
{
breakpoint: 750,
settings: {
slidesToShow: {data.pi_flexform.slidesToShow-sm},
slidesToScroll: {data.pi_flexform.slidesToScroll-sm},
rows: {data.pi_flexform.rows-sm},
slidesPerRow: {data.pi_flexform.slidesPerRow-sm},
arrows: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.arrows-sm)},
}
},
{
breakpoint: 0,
settings: {
slidesToShow: {data.pi_flexform.slidesToShow-xs},
slidesToScroll: {data.pi_flexform.slidesToScroll-xs},
rows: {data.pi_flexform.rows-xs},
slidesPerRow: {data.pi_flexform.slidesPerRow-xs},
arrows: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.arrows-xs)},
}
}
]
});
});