https://pancanal.com/wp-content/themes/caneldepanama/js/custom.js

1jQuery(document).ready(function(){
2jQuery('.tabs').owlCarousel({
3    loop: false,
4    nav: true,
5    dots: false,
6    responsive: {
7      0:   {items: 2},
8      250: {items: 3},
9      400: {items: 4},
10      500: {items: 5},
11	  600: {items: 6},
12	  700: {items: 7},
13	  800: {items: 8},
14	  900: {items: 9},
15	  1000: {items: 10},
16	  1100: {items: 11}
17	   
18    }
19});
20
21//Tabs
22jQuery('.tabs li a').click(function() {
23  var activeLink = jQuery(this).data('target');
24  var targetTab = jQuery('.tab.'+activeLink);
25  
26  targetTab.siblings().removeClass('active');
27  targetTab.addClass('active');
28});
29
30jQuery('.tabs.tab_year').on('click', 'li', function() {
31    jQuery('.tabs.tab_year li.show').removeClass('show');
32    jQuery(this).addClass('show');
33});
34
35});
36
37
38jQuery(document).ready(function(){
39	
40jQuery('.service_slider').owlCarousel({
41	
42    margin:15,
43	nav:true,
44	navText: ["<div class='left_icon'></div>","<div class='right_icon'></div>"],
45	dots:false,	
46    responsiveClass:true,
47    responsive:{
48        0:{
49            items:1,
50            nav:true,
51			margin:10
52        },
53		480:{
54            items:2,
55            nav:true,
56			margin:10
57        },
58        767:{
59            items:2,
60            nav:true,
61			margin:10
62        },
63        1000:{
64            items:3,
65            nav:true,
66            loop:true
67        }
68    }
69});
70
71jQuery('.sustain_slider').owlCarousel({
72	
73    margin:15,
74	nav:true,
75	navText: ["<div class='left_icon'></div>","<div class='right_icon'></div>"],
76	dots:false,	
77    responsiveClass:true,
78    responsive:{
79        0:{
80            items:1,
81            nav:true,
82			margin:10
83        },
84		480:{
85            items:2,
86            nav:true,
87			margin:10
88        },
89        767:{
90            items:2,
91            nav:true,
92			margin:10
93        },
94        1199:{
95            items:3,
96            nav:true,
97            loop:true
98        }
99    }
100});
101
102	
103jQuery('.blog_slider').owlCarousel({
104    items:1,
105   
106	nav:true,
107	navText: ["<div class='left_icon'></div>","<div class='right_icon'></div>"],
108	dots:true,
109    autoplay:true,
110	loop:true,
111    margin:20,
112	slideTransition: 'linear',
113    autoplayHoverPause:true
114});
115
116
117
118jQuery('.history_slider').owlCarousel({
119    items:1,   
120	loop:false,
121	navRewind: false,
122	nav:true,
123	navText: ["<div class='left_icon'></div>","<div class='right_icon'></div>"],
124	dots:false,
125    margin:0,
126	transitionStyle : "fade",
127    autoplay:false,
128    
129});
130
131});
132
133
134function mOpen(){
135document.getElementById("r_menu").style.right = "0px";
136}
137
138function mClose(){
139document.getElementById("r_menu").style.right = "-100%";
140}
141
142
143
144//  tab scrolled 
145
146var hidWidth;
147var scrollBarWidths = 75;
148
149var widthOfList = function(){
150  var itemsWidth = 0;
151  jQuery('.tab_year button').each(function(){
152    var itemWidth = jQuery(this).outerWidth();
153    itemsWidth+=itemWidth;
154  });
155  return itemsWidth;
156};
157
158var widthOfHidden = function(){
159  return ((jQuery('.tb_wrapper').outerWidth())-widthOfList()-getLeftPosi())-scrollBarWidths;
160};
161
162var getLeftPosi = function(){
163  if (jQuery('.tab_year').length) {
164    return jQuery('.tab_year').position().left;
165  }
166};
167
168var reAdjust = function(){
169  if ((jQuery('.tb_wrapper').outerWidth()) < widthOfList()) {
170    jQuery('.scroller-right').show();
171  }
172  else {
173    jQuery('.scroller-right').hide();
174  }
175  
176  if (getLeftPosi()<0) {
177    jQuery('.scroller-left').show();
178  }
179  else {
180    jQuery('.item').animate({left:"-="+getLeftPosi()+"px"},'slow');
181  	jQuery('.scroller-left').hide();
182  }
183}
184
185reAdjust();
186
187jQuery(window).on('resize',function(e){  
188  	reAdjust();
189});
190
191jQuery('.scroller-right').click(function() {
192  
193  jQuery('.scroller-left').fadeIn('slow');
194  jQuery('.scroller-right').fadeOut('slow');
195  
196  jQuery('.tab_year').animate({left:"+="+widthOfHidden()+"px"},'slow',function(){
197
198  });
199});
200
201jQuery('.scroller-left').click(function() {
202  
203	jQuery('.scroller-right').fadeIn('slow');
204	jQuery('.scroller-left').fadeOut('slow');
205  
206  	jQuery('.tab_year').animate({left:"-="+getLeftPosi()+"px"},'slow',function(){
207  	
208  	});
209});  
210
211
212//  end tab scrolled 
213
214
215
216
217
218	
219	
220	 // Menu tab
221
222
223function menuTab(evt, menu_tab) {
224 
225  var i, menuContent, menulinks;
226
227  // Get all elements with class="menuContent" and hide them
228  menuContent = document.getElementsByClassName("menuContent");
229  for (i = 0; i < menuContent.length; i++) {
230    menuContent[i].style.display = "none";
231  }
232
233  // Get all elements with class="menulinks" and remove the class "active"
234  menulinks = document.getElementsByClassName("menulinks");
235  for (i = 0; i < menulinks.length; i++) {
236    menulinks[i].className = menulinks[i].className.replace(" active", "");
237  }
238
239  // Show the current tab, and add an "active" class to the button that opened the tab
240  document.getElementById(menu_tab).style.display = "block";
241  evt.currentTarget.className += " active";
242  
243 
244} 
245
246
247
248	 // Top tab
249
250
251function dTab(evt, service_tab) {
252 
253  var i, tabcontent, tablinks;
254
255  // Get all elements with class="tabcontent" and hide them
256  tabcontent = document.getElementsByClassName("tabcontent");
257  for (i = 0; i < tabcontent.length; i++) {
258    tabcontent[i].style.display = "none";
259  }
260
261  // Get all elements with class="tablinks" and remove the class "active"
262  tablinks = document.getElementsByClassName("tablinks");
263  for (i = 0; i < tablinks.length; i++) {
264    tablinks[i].className = tablinks[i].className.replace(" active", "");
265  }
266
267  // Show the current tab, and add an "active" class to the button that opened the tab
268  document.getElementById(service_tab).style.display = "block";
269  
270  if(evt!="" ){
271    evt.currentTarget.className += " active";
272  }
273  
274  

275 
276} 
277
278
279
280 // left tab
281
282
283function leftTab(evt, left_tabs) {
284 
285  var i, left_tabcontent, left_tablinks;
286
287  // Get all elements with class="left_tabcontent" and hide them
288  left_tabcontent = document.getElementsByClassName("left_tabcontent");
289  for (i = 0; i < left_tabcontent.length; i++) {
290    left_tabcontent[i].style.display = "none";
291  }
292
293  // Get all elements with class="left_tablinks" and remove the class "active"
294  left_tablinks = document.getElementsByClassName("left_tablinks");
295  for (i = 0; i < left_tablinks.length; i++) {
296    left_tablinks[i].className = left_tablinks[i].className.replace(" active", "");
297  }
298
299  // Show the current tab, and add an "active" class to the button that opened the tab
300  document.getElementById(left_tabs).style.display = "block";
301  evt.currentTarget.className += " active";
302     
303} 
304
305
306// Download Sub tab
307// 
308// 
309jQuery(document).ready(function() {
310
311    var url = location.pathname;
312    
313      if (window.location.href.indexOf("/en/") > -1){
314        jQuery("div#cmplz-header-1-optin").html("Manage Cookie Consent");
315        jQuery("#cmplz-message-1-optin").text("To offer the best experiences, we use technologies such as cookies to store and/or access device information. Consent to these technologies will allow us to process data such as browsing behavior or unique identifications on this site. Not consenting or withdrawing consent may negatively affect certain features and functions.");
316        jQuery("button.cmplz-btn.cmplz-accept").html("I agree");
317        jQuery("button.cmplz-btn.cmplz-deny").html("Denied");
318        jQuery("button.cmplz-btn.cmplz-view-preferences").html("See preferences");
319        jQuery("button.cmplz-btn.cmplz-manage-consent.manage-consent-1.cmplz-show").html("Manage consent");
320      }  
321    });