https://cdn.hips.com/assets/frontend20/pagescripts/home-ffd4eee5be…ff6ee4df1274dae8c9ae76bd4161a3691ab778c4.js

1var page = {
2  init: function() {
3    this.carousel();
4  },
5  carousel: function() {
6    function move() {
7      // Carousel, horizontal movement
8      var $carousel = $('.section-advantage-carousel-content-list');
9      var $carouselItem = $('.section-advantage-carousel-item');
10      var $carouselItemFirst = $carouselItem.first();
11      var cl = $carouselItemFirst.clone().removeClass('out-left').addClass('out-right');
12
13      $carousel.append( cl );
14
15      setTimeout(function() {
16        if( $('.out-right').length ) {
17          $('.out-left').remove();
18        }
19      }, 1000);
20
21      $carouselItemFirst.addClass('out-left');
22      $carouselItem.not().last().removeClass('out-right');
23
24      // Scale, gradient, text animation
25      var itemLength = $carouselItem.length - 1;
26      var itemLengthDivide = Math.floor($carouselItem.length / 2);
27      var cnt = 0;
28
29      for(var i = 0; i < itemLength; i++) {
30        if( i >= itemLengthDivide || i >= itemLengthDivide + 2 ) {
31          $carouselItem.eq(3).addClass('scale');
32          $carouselItem.eq(4).addClass('scale');
33          $carouselItem.eq(5).addClass('scale');
34
35
36          if( cnt == 0 ) {
37            var $carouselCircle = $carouselItem.find('.section-advantage-carousel-circle');
38
39
40            var bgClassList = 'bg-dark bg-teal bg-pink bg-purple bg-orange bg-blue bg-green';
41            var bgClassListArr = bgClassList.split(' ');
42            var activeClass;
43
44            for( var j = 0, bgClassListArrLength = bgClassListArr.length; j < bgClassListArrLength; j++ ) {
45              if( $carouselCircle.eq(4).filter('.' + bgClassListArr[j]).length ) {
46                activeClass = bgClassListArr[j];
47
48                $('.section-advantage-carousel-info-icon-container').removeClass('active');
49                $('.section-advantage-carousel-info-icon-container').removeClass('pop');
50
51
52                $('.section-advantage-carousel-info-icon-container').eq(j).addClass('active');
53                $('.section-advantage-carousel-info-icon-container').eq(j).addClass('pop');
54
55
56              }
57            }
58
59            cnt++;
60
61            var $textOldContainer = $('.section-advantage-carousel-info-title-text');
62            var $carouselIcon = $carouselItem.find('.section-advantage-carousel-icon');
63            var textNew = $carouselItem.eq(4).attr('data-text');
64            var textOld = $textOldContainer.text().replace(/\n|\r/g, '');
65            var textOldLength = textOld.length;
66            var textOldCnt = textOldLength;
67            var secondTime = false;
68
69            var image = $carouselIcon.eq(4).find('img');
70            $(".section-advantage-carousel-info-icon-wrapper").find('img').attr("src",image.attr("src"));
71
72
73            function loopChar() {
74              if( !secondTime ) {
75                setTimeout(function() {
76                  if( textOldCnt <= textOldLength && textOldCnt >= 0 ) {
77                    loopChar();
78                    textOldCnt --;
79
80                    $textOldContainer.text( textOld.substring(0, textOldCnt - 1) );
81                  }
82
83                  if( textOldCnt == 0 ) {
84                    secondTime = true;
85                  }
86                }, 10);
87              } else {
88                setTimeout(function() {
89                  if( textOldCnt <= textNew.length ) {
90                    loopChar();
91                    textOldCnt++;
92
93                    $textOldContainer.text( textNew.substring(0, textOldCnt - 1) );
94                  }
95                }, 50);
96              }
97            }
98
99            loopChar();
100          }
101
102        } else {
103          $carouselItem.eq(i).removeClass('scale');
104        }
105      }
106
107    }
108
109    setInterval(move, 200 * 10);
110
111
112
113    function startDashCounterSequence(){
114
115      $('.section-scale-stat-pulse').addClass('section-scale-stat-pulse-orange');
116      setTimeout(function() {
117        $('.section-scale-stat-pulse-orange').toggleClass('section-scale-stat-pulse-blue');
118      }, 1000 * 10);
119
120      $('.section-scale-stat-heading').text('--');
121      $('.section-scale-stat-heading').eq(0).text('Activating');
122      $('.section-scale-stat-heading').eq(3).text('Store 21 Ltd');
123      $('.section-scale-stat-heading').eq(2).text('UK');
124
125      setTimeout(function() {
126        $('.section-scale-stat-heading').eq(0).text('Online');
127        $('.section-scale-stat-heading').eq(2).text('UK');
128      }, 1000 * 6);
129
130      setTimeout(function() {
131        $('.section-scale-stat-heading').eq(0).text('Live');
132        $('.section-scale-stat-heading').eq(3).text('Store 21 Ltd');
133      }, 1000 * 10);
134
135      var mbDigit = 1;
136      var mbString = '';
137
138      pprog1 = setTimeout(function() {
139        $('.section-scale-stat-heading').eq(1).text( mbDigit + mbString );
140
141        if( mbDigit < 29 ) {
142          pprog2 = setInterval(function() {
143            if( mbDigit < 29 ) {
144              mbDigit += 1;
145            }
146
147            $('.section-scale-stat-heading').eq(1).text( mbDigit + mbString );
148          }, 100 * 10);
149        }
150      }, 1000 * 11);
151
152    };
153
154
155    setInterval(function() {
156      clearTimeout(pprog1);
157      clearInterval(pprog2);
158      $('.section-scale-stat-pulse').removeClass('section-scale-stat-pulse-blue');
159      startDashCounterSequence();
160    },30000);
161
162    startDashCounterSequence();
163
164  }
165};
166
167$(function() {

168  page.init();
169});