https://www.zoiper.com/v3/js/products.js?efc79c7f

1$(document).ready(function() {
2
3    /* ============= SLICK ============= */
4
5
6    $('#mobile .application').slick({
7        arrows: true,
8        dots: false,
9        infinite: true,
10        speed: 500,
11        fade: true,
12        cssEase: 'linear',
13        autoplay: true,
14        autoplaySpeed: 5000,
15    });
16
17
18    $('#zoiper5 .carousel').slick({
19        arrows: true,
20        prevArrow: '#zoiper5 .shade.left',
21        nextArrow: '#zoiper5 .shade.right',
22        dots: true,
23        infinite: true,
24        slidesToShow: 1,
25        slidesToScroll: 1,
26        centerMode: false,
27        responsive: [
28            {
29              breakpoint: 800,
30              settings: {
31                slidesToShow: 1,
32                slidesToScroll: 1
33              }
34          },
35              {
36              breakpoint: 400,
37              settings: {
38                dots: false,
39              }}]
40    });
41
42    $('#zoiperscribe .carousel').slick({
43        arrows: true,
44        prevArrow: '#zoiperscribe .shade.left',
45        nextArrow: '#zoiperscribe .shade.right',
46        dots: true,
47        infinite: true,
48        slidesToShow: 1,
49        slidesToScroll: 1,
50        centerMode: false,
51        responsive: [
52            {
53              breakpoint: 800,
54              settings: {
55                slidesToShow: 1,
56                slidesToScroll: 1
57              }
58          },
59              {
60              breakpoint: 400,
61              settings: {
62                dots: false,
63              }}]
64    });
65
66    $('#zoiper3 .carousel').slick({
67        arrows: true,
68        prevArrow: '#zoiper3 .shade.left',
69        nextArrow: '#zoiper3 .shade.right',
70        dots: true,
71        infinite: true,
72        slidesToShow: 1,
73        slidesToScroll: 1,
74        centerMode: false,
75        responsive: [
76            {
77              breakpoint: 800,
78              settings: {
79                slidesToShow: 1,
80                slidesToScroll: 1
81              }}]
82    });
83
84    $('#classic .carousel').slick({
85        arrows: true,
86        prevArrow: '#classic .shade.left',
87        nextArrow: '#classic .shade.right',
88        dots: true,
89        infinite: true,
90        slidesToShow: 1,
91        slidesToScroll: 1,
92        centerMode: false,
93        responsive: [
94            {
95              breakpoint: 800,
96              settings: {
97                slidesToShow: 1,
98                slidesToScroll: 1
99              }}]
100    });
101
102    $('#zoiper2 .carousel').slick({
103        arrows: true,
104        prevArrow: '#zoiper2 .shade.left',
105        nextArrow: '#zoiper2 .shade.right',
106        dots: true,
107        infinite: true,
108        slidesToShow: 1,
109        slidesToScroll: 1,
110        centerMode: false,
111        responsive: [
112            {
113              breakpoint: 800,
114              settings: {
115                slidesToShow: 1,
116                slidesToScroll: 1
117              }}]
118    });
119
120    $('#zoiperios .carousel').slick({
121        arrows: true,
122        prevArrow: '#zoiperios .shade.left',
123        nextArrow: '#zoiperios .shade.right',
124        dots: true,
125        infinite: true,
126        slidesToShow: 1,
127        slidesToScroll: 1,
128        centerMode: false,
129        responsive: [
130            {
131              breakpoint: 800,
132              settings: {
133                slidesToShow: 1,
134                slidesToScroll: 1
135              }}]
136    });
137
138    $(window).scroll(function() {
139        var scroll = $(window).scrollTop();
140        var content = $('.content').height();
141        var design = $('.row.design').height();
142        var number = $('.row.number').height();
143        var encryption = $('.row.encryption').height();
144        var height = content + design + number + encryption;
145
146        if (scroll >= height) {
147            $('.graph').removeClass('zero');
148        } else {
149            $('.graph').addClass('zero');
150        }
151    });
152
153});
154
155