https://pennlawgroup.com/js/custom.js

1(function($) {
2
3    "use strict";
4
5    // caching selectors
6    var mainWindow           = $(window),
7        mainHeader           = $('header'),
8        mainBody             = $('body'),
9        mainStatus           = $('#status'),
10        mainPreloader        = $('#preloader'),
11        miuContainer         = $('#mix-container'),
12        slideCarousel        = $('.slide-carousel'),
13        teacherCarousel      = $('.teacher-carousel'),
14        newsCarousel         = $('.news-carousel'),
15        testimonialCarousel  = $('.testimonial-carousel'),
16        testimonialCarousel2 = $('.testimonial-carousel-2'),
17        partnerCarousel      = $('.partner-carousel'),
18        galleryCarousel      = $('.gallery-carousel'),
19        slickNavMenu         = $('#menu'),
20        sfMenuExample        = jQuery("#sf-example"),
21        galleryPhoto         = $('.gallery-photo'),
22        scrollUp             = $('.scrollup'),
23        mainCounter          = $('.counter'),
24        dtPicker             = $('.datepicker');
25
26
27    mainWindow.on('load', function() {
28
29        // Datepicker
30        dtPicker.datepicker({
31            format: 'dd/mm/yyyy',
32            startDate: '-3d'
33        });
34
35        // Preloader
36        mainStatus.fadeOut();
37        mainPreloader.delay(350).fadeOut('slow');
38        mainBody.delay(350).css({
39            'overflow': 'visible'
40        });
41
42        // Mix It Up
43        miuContainer.mixItUp();
44
45        // Slider
46        slideCarousel.owlCarousel({
47            loop: true,
48            autoplay: true,
49            dots: false,
50            responsiveClass: true,
51            navText: [
52                '<i class="fa fa-angle-left"></i>',
53                '<i class="fa fa-angle-right"></i>'
54            ],
55            responsive: {
56                0: {
57                    items: 1,
58                    nav: true
59                },
60                600: {
61                    items: 1,
62                    nav: true
63                },
64                1000: {
65                    items: 1,
66                    nav: true,
67                    loop: true
68                }
69            }
70        });
71
72
73        slideCarousel.on('translate.owl.carousel', function () {
74            $('.this-item h2').removeClass('fadeInUp animated').hide();
75            $('.this-item h3').removeClass('fadeInUp animated').hide();
76            $('.this-item p').removeClass('fadeInUp animated').hide();
77        });
78
79        slideCarousel.on('translated.owl.carousel', function () {
80            $('.this-item h2').addClass('fadeInUp animated').show();
81            $('.this-item h3').addClass('fadeInUp animated').show();
82            $('.this-item p').addClass('fadeInUp animated').show();
83        });
84
85        
86
87        // Carousel - Testimonial (Version 1)
88        testimonialCarousel.owlCarousel({
89            loop: true,
90            autoplay: true,
91            margin: 15,
92            dots: false,
93            animateIn: true,
94            responsiveClass: true,
95            navText: [
96                '<i class="fa fa-angle-left"></i>',
97                '<i class="fa fa-angle-right"></i>'
98            ],
99            responsive: {
100                0: {
101                    items: 1,
102                    nav: true
103                },
104                600: {
105                    items: 1,
106                    nav: true
107                },
108                1000: {
109                    items: 1,
110                    nav: true,
111                    loop: true
112                }
113            }
114        });
115
116        // Carousel - Testimonial (Version 2)
117        testimonialCarousel2.owlCarousel({
118            loop: true,
119            autoplay: true,
120            margin: 15,
121            dots: true,
122            animateIn: true,
123            responsiveClass: true,
124            navText: [
125                '<i class="fa fa-angle-left"></i>',
126                '<i class="fa fa-angle-right"></i>'
127            ],
128            responsive: {
129                0: {
130                    items: 1,
131                    nav: false
132                },
133                600: {
134                    items: 2,
135                    nav: false
136                },
137                1000: {
138                    items: 3,
139                    nav: false,
140                    loop: true
141                }
142            }
143        });
144
145        
146
147        // Carousel - Gallery

148        galleryCarousel.owlCarousel({
149            loop: true,
150            autoplay: true,
151            margin: 15,
152            dots: false,
153            animateIn: true,
154            responsiveClass: true,
155            navText: [
156                '<i class="fa fa-angle-left"></i>',
157                '<i class="fa fa-angle-right"></i>'
158            ],
159            responsive: {
160                0: {
161                    items: 1,
162                    nav: true
163                },
164                600: {
165                    items: 1,
166                    nav: true
167                },
168                1000: {
169                    items: 1,
170                    nav: true,
171                    loop: true
172                }
173            }
174        });
175
176        
177        slickNavMenu.slicknav();
178      
179
180        // Superfish Menu
181        sfMenuExample.superfish({
182            pathLevels: 1,
183            delay: 1000,
184            animation: {opacity: 'show'},
185            animationOut: {opacity: 'hide'},
186            speed: 'fast',
187            speedOut: 'fast',
188            cssArrows: true,
189            disableHI: false,
190        });
191
192        // Magnific Popup
193        galleryPhoto.magnificPopup({
194            type: 'image',
195            gallery: {
196              enabled: true
197            },
198        });
199
200        // Scroll to Top
201        mainWindow.on("scroll", function() {
202            if ($(this).scrollTop() > 98){  
203                mainHeader.addClass("sticky");
204                mainBody.addClass("sticky");
205                scrollUp.show();
206            }
207            else{
208                mainHeader.removeClass("sticky");
209                mainBody.removeClass("sticky");
210                scrollUp.hide();
211            }
212        });
213
214        // Click event to scroll to top
215        scrollUp.on("click", function() {
216            $('html, body').animate({
217                scrollTop: 0
218            }, 800);
219            return false;
220        });
221
222        // Counter
223        mainCounter.counterUp({
224            delay: 10,
225            time: 1000
226        });
227
228    });
229
230})(jQuery);