https://moptu.com/utils/js/homepage-v2.js

1//  ------------------------------------------------------------------------ //
2//                		Moptwo homepage-v2.js								 //
3//               Copyright (c) 2017 Moptwo Inc							 	 //
4//                 <http://www.moptwo.com/>		   							 //
5//  ------------------------------------------------------------------------ //
6
7
8$(document).ready(function() {
9	$('.sameheight-box-wrapper').matchHeight({ property: 'min-height' });
10//		$('#load-collections').css({ opacity : 1 });
11	createSliders($('#load-collections'));
12
13
14	var banner = $('.home-page-join-banner');
15	if (banner.length > 0) {
16		banner.owlCarousel({
17				items:1
18			});
19	
20		var banner_count = $('.home-page-join-banner .home-page-join-banner-pane').length;
21		var current_banner_item = 1;
22		var banner_tour_timer = setInterval(function() {
23			if (current_banner_item < banner_count) {
24				banner.trigger('next.owl.carousel', [2000]);
25				current_banner_item++;
26			} else {
27				banner.trigger('to.owl.carousel', 0);
28				clearInterval(banner_tour_timer);
29			}
30		}, 8000);
31	
32		$('.home-page-join-button').on('click',function(){
33			window.location.href = "register.php";
34		});
35	
36		$('.home-page-join-banner .owl-dots .owl-dot').on('click',function(){
37			clearInterval(banner_tour_timer);
38		});
39	}
40});
41
42function createSliders(t){
43	"use strict";
44	t.find(".ext-carousel").each(function(index,val){
45		var $this = $(this);
46		var items = $this.data( "items");
47		$this.owlCarousel({
48			stagePadding: 0,
49			margin: 0,
50			loop: false,
51			autoWidth: true,
52			autoHeight: false,
53			responsiveClass: true,
54			items: items,
55			navText: [
56				"<i class='fa fa-chevron-left ext-nav'></i>",
57				"<i class='fa fa-chevron-right ext-nav'></i>"
58			],
59			nav: true,
60			responsive: {
61				0: {
62					items: 1,
63					nav: true,
64					stagePadding: 10
65				},
66				600: {
67					items: 2,
68					nav: true,
69					stagePadding: 10
70				},
71				1000: {
72					items: 3,
73					nav: true,
74					stagePadding: 10
75				},
76				1239: {
77					items: 4,
78					nav: true,
79					stagePadding: 10
80				}
81			},
82			onInitialized: setOwlStageHeight 
83			/*onRefreshed: fixOwl*/
84		});
85	});
86}
87/*KLUDGE ALERT: Owl Carousel clones items so I had to add a flex wrapper to fix heights */
88function setOwlStageHeight(e) {
89	"use strict";
90	$(e.currentTarget).find('.owl-stage').addClass('ie-flex-stage-fix');
91}