https://dimesalnes.com/js/universal/custom.js

1(function($) {
2 "use strict";
3
4$(".scrollup").pageup();
5
6$(document).ready(function() {
7
8	
9	$("#owl-demo").owlCarousel({
10	autoPlay: 3000,
11	items : 4,
12	itemsDesktop : [1170,3],
13	itemsDesktopSmall : [1170,3]
14	});
15	
16	$("#owl-demo2").owlCarousel({
17	autoPlay : 5000,
18	stopOnHover : true,
19	navigation: false,
20	paginationSpeed : 1000,
21	goToFirstSpeed : 2000,
22	singleItem : true,
23	autoHeight : true,
24	transitionStyle:"fade"
25	});
26	
27	$("#owl-demo3").owlCarousel({
28	autoPlay : 5000,
29	stopOnHover : true,
30	navigation: false,
31	paginationSpeed : 1000,
32	goToFirstSpeed : 2000,
33	singleItem : true,
34	autoHeight : true,
35	transitionStyle:"fadeUp"
36	});
37	
38	$("#owl-demo4").owlCarousel({
39	autoPlay : 5000,
40	stopOnHover : true,
41	navigation: false,
42	paginationSpeed : 1000,
43	goToFirstSpeed : 2000,
44	singleItem : true,
45	autoHeight : true,
46	transitionStyle:"goDown"
47	});
48	
49	$("#owl-demo5").owlCarousel({
50	autoPlay : 8000,
51	stopOnHover : true,
52	navigation: false,
53	paginationSpeed : 1000,
54	goToFirstSpeed : 2000,
55	singleItem : true,
56	autoHeight : true,
57	transitionStyle:"goDown"
58	});
59	
60	$("#owl-demo6").owlCarousel({
61	autoPlay : 5000,
62	stopOnHover : true,
63	navigation: false,
64	paginationSpeed : 1000,
65	goToFirstSpeed : 2000,
66	singleItem : true,
67	autoHeight : true,
68	transitionStyle:"fadeUp"
69	});
70	
71	$("#owl-demo7").owlCarousel({
72	items : 4,
73	lazyLoad : true,
74	navigation : true,
75	pagination:false,
76	});
77	
78	$("#owl-demo8").owlCarousel({
79	autoPlay : 5000,
80	stopOnHover : true,
81	singleItem : true,
82	paginationSpeed : 1000,
83	goToFirstSpeed : 2000,
84	transitionStyle:"fade"
85  	});
86
87	$("#owl-demo10").owlCarousel({
88	autoPlay : 8000,
89	stopOnHover : true,
90	navigation: false,
91	paginationSpeed : 1000,
92	goToFirstSpeed : 2000,
93	singleItem : true,
94	autoHeight : true,
95	transitionStyle:"backSlide"
96  	});
97	
98	$("#owl-demo11").owlCarousel({
99	autoPlay : 5000,
100	stopOnHover : true,
101	navigation: false,
102	paginationSpeed : 1000,
103	goToFirstSpeed : 2000,
104	singleItem : true,
105	autoHeight : true,
106	transitionStyle:"backSlide"
107	});
108	
109	$("#owl-demo12").owlCarousel({
110	autoPlay : 5000,
111	stopOnHover : true,
112	navigation: false,
113	paginationSpeed : 1000,
114	goToFirstSpeed : 2000,
115	singleItem : true,
116	});
117	
118	$("#owl-demo13").owlCarousel({
119	autoPlay : 18000,
120	stopOnHover : true,
121	navigation: false,
122	paginationSpeed : 1000,
123	goToFirstSpeed : 2000,
124	singleItem : true,
125	});
126	
127	$("#owl-demo14").owlCarousel({
128	autoPlay : 5000,
129	stopOnHover : true,
130	navigation: false,
131	paginationSpeed : 1000,
132	goToFirstSpeed : 2000,
133	singleItem : true,
134	autoHeight : true,
135	transitionStyle:"goDown"
136	});
137	
138	$("#owl-demo15").owlCarousel({
139	autoPlay : 9000,
140	stopOnHover : true,
141	lazyLoad : true,
142	pagination:true,
143	singleItem : true,
144	});
145	
146	$("#owl-demo16").owlCarousel({
147	autoPlay : 12000,
148	stopOnHover : true,
149	lazyLoad : true,
150	pagination:true,
151	singleItem : true,
152	});
153	
154	$("#owl-demo17").owlCarousel({
155	items : 2,
156	autoPlay : 9000,
157	stopOnHover : true,
158	lazyLoad : true,
159	pagination:true,
160	itemsDesktop : [1170,2],
161	itemsDesktopSmall : [1170,2]
162	});
163	
164	$("#owl-demo18").owlCarousel({
165	autoPlay : 9000,
166	stopOnHover : true,
167	navigation: true,
168	paginationSpeed : 1000,
169	goToFirstSpeed : 2000,
170	singleItem : true,
171	autoHeight : true,
172	pagination:false,
173	transitionStyle:"backSlide"
174  	});
175	
176	$("#owl-demo20").owlCarousel({
177	autoPlay : 5000,
178	stopOnHover : true,
179	navigation: false,
180	paginationSpeed : 1000,
181	goToFirstSpeed : 2000,
182	singleItem : true,
183	autoHeight : true,
184	});
185	
186  var time = 7; // time in seconds
187
188  var $progressBar,
189	  $bar, 
190	  $elem, 
191	  isPause, 
192	  tick,
193	  percentTime;
194
195	//Init the carousel
196	$("#owl-demo9").owlCarousel({
197	  slideSpeed : 500,
198	  paginationSpeed : 500,
199	  singleItem : true,
200	  afterInit : progressBar,
201	  afterMove : moved,
202	  startDragging : pauseOnDragging
203	});
204
205	//Init progressBar where elem is $("#owl-demo")
206	function progressBar(elem){
207	  $elem = elem;
208	  //build progress bar elements
209	  buildProgressBar();
210	  //start counting
211	  start();
212	}
213
214	//create div#progressBar and div#bar then prepend to $("#owl-demo")
215	function buildProgressBar(){
216	  $progressBar = $("<div>",{
217		id:"progressBar"
218	  });
219	  $bar = $("<div>",{
220		id:"bar"
221	  });
222	  $progressBar.append($bar).prependTo($elem);
223	}
224
225	function start() {
226	  //reset timer
227	  percentTime = 0;
228	  isPause = false;

229	  //run interval every 0.01 second
230	  tick = setInterval(interval, 10);
231	};
232
233	function interval() {
234	  if(isPause === false){
235		percentTime += 1 / time;
236		$bar.css({
237		   width: percentTime+"%"
238		 });
239		//if percentTime is equal or greater than 100
240		if(percentTime >= 100){
241		  //slide to next item 
242		  $elem.trigger('owl.next')
243		}
244	  }
245	}
246
247	//pause while dragging 
248	function pauseOnDragging(){
249	  isPause = true;
250	}
251
252	//moved callback
253	function moved(){
254	  //clear interval
255	  clearTimeout(tick);
256	  //start again
257	  start();
258	}
259
260	
261	
262	var sync1 = $("#sync1");
263	var sync2 = $("#sync2");
264	
265	sync1.owlCarousel({
266	singleItem : true,
267	slideSpeed : 1000,
268	pagination:false,
269	afterAction : syncPosition,
270	responsiveRefreshRate : 200,
271	});
272	
273	sync2.owlCarousel({
274	items : 5,
275	itemsDesktop      : [1170,5],
276	itemsDesktopSmall     : [979,5],
277	itemsTablet       : [768,3],
278	itemsMobile       : [479,3],
279	pagination:false,
280	responsiveRefreshRate : 100,
281	afterInit : function(el){
282	  el.find(".owl-item").eq(0).addClass("synced");
283	}
284	});
285	
286	function syncPosition(el){
287	var current = this.currentItem;
288	$("#sync2")
289	  .find(".owl-item")
290	  .removeClass("synced")
291	  .eq(current)
292	  .addClass("synced")
293	if($("#sync2").data("owlCarousel") !== undefined){
294	  center(current)
295	}
296	
297	}
298	
299	$("#sync2").on("click", ".owl-item", function(e){
300	e.preventDefault();
301	var number = $(this).data("owlItem");
302	sync1.trigger("owl.goTo",number);
303	});
304	
305	function center(number){
306	var sync2visible = sync2.data("owlCarousel").owl.visibleItems;
307	
308	var num = number;
309	var found = false;
310	for(var i in sync2visible){
311	  if(num === sync2visible[i]){
312		var found = true;
313	  }
314	}
315	
316	if(found===false){
317	  if(num>sync2visible[sync2visible.length-1]){
318		sync2.trigger("owl.goTo", num - sync2visible.length+2)
319	  }else{
320		if(num - 1 === -1){
321		  num = 0;
322		}
323		sync2.trigger("owl.goTo", num);
324	  }
325	} else if(num === sync2visible[sync2visible.length-1]){
326	  sync2.trigger("owl.goTo", sync2visible[1])
327	} else if(num === sync2visible[0]){
328	  sync2.trigger("owl.goTo", num-1)
329	}
330	}
331	
332
333	var sync3 = $("#sync3");
334	var sync4 = $("#sync4");
335	
336	sync3.owlCarousel({
337	singleItem : true,
338	autoPlay : 5000,
339	slideSpeed : 1000,
340	stopOnHover : true,
341	pagination:false,
342	afterAction : syncPosition,
343	responsiveRefreshRate : 200,
344	});
345	
346	sync4.owlCarousel({
347	items : 5,
348	itemsDesktop      : [1170,5],
349	itemsDesktopSmall     : [979,5],
350	itemsTablet       : [768,3],
351	itemsMobile       : [479,3],
352	pagination:false,
353	autoPlay : 5000,
354	stopOnHover : true,
355	responsiveRefreshRate : 100,
356	afterInit : function(el){
357	  el.find(".owl-item").eq(0).addClass("synced");
358	}
359	});
360	
361	function syncPosition(el){
362	var current = this.currentItem;
363	$("#sync4")
364	  .find(".owl-item")
365	  .removeClass("synced")
366	  .eq(current)
367	  .addClass("synced")
368	if($("#sync4").data("owlCarousel") !== undefined){
369	  center(current)
370	}
371	
372	}
373	
374	$("#sync4").on("click", ".owl-item", function(e){
375	e.preventDefault();
376	var number = $(this).data("owlItem");
377	sync3.trigger("owl.goTo",number);
378	});
379	
380	function center(number){
381	var sync4visible = sync4.data("owlCarousel").owl.visibleItems;
382	
383	var num = number;
384	var found = false;
385	for(var i in sync4visible){
386	  if(num === sync4visible[i]){
387		var found = true;
388	  }
389	}
390	
391	if(found===false){
392	  if(num>sync4visible[sync4visible.length-1]){
393		sync4.trigger("owl.goTo", num - sync4visible.length+2)
394	  }else{
395		if(num - 1 === -1){
396		  num = 0;
397		}
398		sync4.trigger("owl.goTo", num);
399	  }
400	} else if(num === sync4visible[sync4visible.length-1]){
401	  sync4.trigger("owl.goTo", sync4visible[1])
402	} else if(num === sync4visible[0]){
403	  sync4.trigger("owl.goTo", num-1)
404	}
405	}
406
407
408
409
410
411
412
413	$("#colosebut1").click(function(){
414	$("#div1").fadeOut("slow");
415	});
416	$("#colosebut2").click(function(){
417	$("#div2").fadeOut("slow");
418	});
419	$("#colosebut3").click(function(){
420	$("#div3").fadeOut("slow");
421	});
422	$("#colosebut4").click(function(){
423	$("#div4").fadeOut("slow");
424	});
425	
426		
427});	
428	
429})(jQuery);