https://www.andupil.com/modules/pk_products/assets/js/scripts.js

1$(window).load(function() {
2
3  $('.tab-link').click(function() {
4
5      var $el = $(this).closest('.productsCarousel');
6
7      var width = $el.find('.tab-slider').width(), //The width in pixels of your #tab-slider
8          delay = 200; // Pause time between animation in Milliseconds
9          rel = $(this).data('rel');
10
11      $el.find(".tab-content").removeClass("activeCarousel");
12      $el.find("[data-acc='" + rel + "']").addClass("activeCarousel");
13      $el.find('.tab').removeClass('active');
14      $(this).parent().addClass('active');
15      var $contentNum = parseInt($(this).data('rel'), 10);
16      $el.find('.tab-slider-wrapper').animate({ marginLeft: '-' + (width * $contentNum - width) }, delay, 'easeOutQuint');
17      return false;
18  });
19
20  $(function() {
21
22      var $container = $('.productsCarousel'),
23          $countdown = $('.pk_pr_countdown');
24
25      $countdown.each(function(index, el){
26          var data_to = $(this).data('to'),
27              data_id = $(this).data('id'),
28              data_days = $(this).data('days'),
29              data_hours = $(this).data('hours'),
30              data_min = $(this).data('min'),
31              data_sec = $(this).data('sec'),
32              data_and = $(this).data('and'),
33              data_phrase = $(this).data('phrase');
34
35          $container.find('.countdown-'+data_id).countdown({
36              date: data_to,
37              render: function(data) {
38                  $(this.el).html("<div>" + this.leadingZeros(data.days, 2) + " <span>"+data_days+"</span></div><div>" + this.leadingZeros(data.hours, 2) + " <span>"+data_hours+"</span></div><div>" + this.leadingZeros(data.min, 2) + " <span>"+data_min+"</span></div><div>" + this.leadingZeros(data.sec, 2) + " <span>"+data_sec+"</span></div>");
39                  $(this.el).attr('title', this.leadingZeros(data.days, 2)+" "+data_days+" "+data_and+" "+this.leadingZeros(data.hours, 2)+" "+data_hours+" "+data_phrase);
40              }
41          });
42
43      });
44  });
45
46});
47function tabslider() {
48
49  var $el = $('.productsCarousel'),
50      $el_mob = $(".carouselMobile"),
51      width = $el.find(".tab-slider").width(), //The width in pixels of your #tab-slider
52      $tabs = $el.find('.tab'), //Your Navigation Class Name
53      rel = $el.find('.tab-nav').find('.active').find('a').data('rel'),
54      shift = Math.abs(width*rel-width) * -1;
55
56  $el.find(".tab-content").width(width);
57  $el.find('.tab-slider-wrapper').css({ "margin-left": shift, width: $tabs.length * width });
58
59  // mobile
60  var width2 = $el_mob.find(".tab-slider").width(), //The width in pixels of your #tab-slider
61      $tabs = $el_mob.find('.tab'), //Your Navigation Class Name
62      rel = $el_mob.find('.tab-nav').find('.active').find('a').data('rel'),
63      shift = Math.abs(width2*rel-width2) * -1;
64
65  $el_mob.find(".tab-content").width(width2);
66  $el_mob.find('.tab-slider-wrapper').css({ "margin-left": shift, width: $tabs.length * width2 });
67
68}
69
70jQuery(document).ready(function() {
71
72  tabslider();
73
74  var currentBreakpoint; // default's to blank so it's always analysed on first load
75  var didResize  = true; // default's to true so it's always analysed on first load
76
77  $(window).resize(function() {
78    didResize = true;
79  });
80});