https://www.harboursidebahamas.com/js/main.js

1(function($) {
2    "use strict";
3
4    /*------------------------------------
5        01. Menu
6    ------------------------------------- */
7    $(window).on('scroll', function() {
8        var scroll = $(window).scrollTop();
9        if (scroll < 245) {
10            $(".header-sticky").removeClass("sticky");
11        } else {
12            $(".header-sticky").addClass("sticky");
13        }
14    });
15
16    $('.main-menu nav').meanmenu({
17        meanScreenWidth: "991",
18        meanMenuContainer: '.mobile-menu'
19    });
20
21    /*------------------------------------
22        Menu-toggle
23    ------------------------------------- */
24    $('.menu-toggle').on('click', function() {
25        if ($('.menu-toggle').hasClass('is-active')) {
26            $('.main-menu nav').removeClass('menu-open');
27        } else {
28            $('.main-menu nav').addClass('menu-open');
29        }
30    });
31
32    /*------------------------------------
33        02. Owl Carousel
34    ------------------------------------- */
35    $(".video-owl-slider").owlCarousel({
36        autoPlay: 8000,
37        animateOut: 'fadeOut',
38        animateIn: 'fadeIn',
39        items: 1,
40        slideSpeed: 500,
41        pagination: true,
42        navigation: false,
43        loop: true,
44        mouseDrag: true,
45        singleItem: true,
46        transitionStyle: "fade",
47        addClassActive: true,
48        navigationText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"],
49    });
50
51
52    /*------------------------------------
53        Latest Carousel
54    ------------------------------------- */
55    $('.latest-owl').owlCarousel({
56        loop: true,
57        autoPlay: false,
58        smartSpeed: 2000,
59        fluidSpeed: true,
60        items: 4,
61        responsiveClass: true,
62        pagination: true,
63        responsive: {
64            0: {
65                items: 1
66            },
67            480: {
68                items: 2
69            },
70            768: {
71                items: 3
72            },
73            992: {
74                items: 4
75            },
76            1200: {
77                items: 4
78            }
79        }
80    });
81
82    /*------------------------------------
83        Popular Carousel

84    ------------------------------------- */
85    $('.popular-owl').owlCarousel({
86        loop: true,
87        autoPlay: true,
88        smartSpeed: 2000,
89        fluidSpeed: true,
90        items: 3,
91		navigation: true,
92        responsiveClass: true,
93        pagination: true,
94        responsive: {
95            0: {
96                items: 1
97            },
98            480: {
99                items: 2
100            },
101            768: {
102                items: 3
103            },
104            992: {
105                items: 3
106            },
107            1200: {
108                items: 3
109            }
110        }
111    });
112
113    /*--------------------------
114        03. Portfolio Isotope
115    ---------------------------- */
116    $('.grid').imagesLoaded(function() {
117
118        // filter items on button click
119        $('.portfolio-menu').on('click', 'button', function() {
120            var filterValue = $(this).attr('data-filter');
121            $grid.isotope({
122                filter: filterValue
123            });
124        });
125
126        // init Isotope
127        var $grid = $('.grid').isotope({
128            itemSelector: '.grid-item',
129            percentPosition: true,
130            masonry: {
131                // use outer width of grid-sizer for columnWidth
132                columnWidth: '.grid-item',
133            }
134        });
135
136    });
137    /* portfolio menu active  */
138    $('.portfolio-menu button').on('click', function(event) {
139        $(this).siblings('.active').removeClass('active');
140        $(this).addClass('active');
141        event.preventDefault();
142    });
143
144    /*--------------------------
145        04. Magnific Popup
146    ---------------------------- */
147    $('.video-popup').magnificPopup({
148        type: 'iframe',
149        mainClass: 'mfp-fade',
150        removalDelay: 160,
151        preloader: false,
152        zoom: {
153            enabled: false,
154        }
155    });
156    
157    
158    $('.youtube-bg').YTPlayer({
159        containment: '.youtube-bg',
160        autoPlay: true,
161        loop: true,
162    });
163    
164    
165    
166    /* testimonial active  */ 
167$('.testimonial-active').owlCarousel({
168    loop:true,
169    items:1,
170    dots:false,
171    nav:false,
172    responsive:{
173        0:{
174            items:1
175        },
176        600:{
177            items:1
178        },
179        1000:{
180            items:1
181        }
182    }
183})
184    /*--
185	Counter Up
186------------------------*/
187$('.counter').counterUp({
188	delay: 50,
189	time: 2000
190});
191    
192    
193    
194    /*-------------------------------------------
195        05. ScrollUp jquery
196    --------------------------------------------- */
197    $.scrollUp({
198        scrollText: '<i class="fa fa-angle-up"></i>',
199        easingType: 'linear',
200        scrollSpeed: 900,
201        animation: 'fade'
202    });
203    
204    
205    /*------------------------------------
206        06. Mail Chimp
207    --------------------------------------*/
208    $('#mc-form').ajaxChimp({
209        language: 'en',
210        callback: mailChimpResponse,
211        // ADD YOUR MAILCHIMP URL BELOW HERE!
212        url: 'http://themeshaven.us8.list-manage.com/subscribe/post?u=759ce8a8f4f1037e021ba2922&amp;id=a2452237f8'
213    });
214    
215    function mailChimpResponse(resp) {
216        if (resp.result === 'success') {
217            $('.mailchimp-success').html('' + resp.msg).fadeIn(900);
218            $('.mailchimp-error').fadeOut(400);
219        } else if (resp.result === 'error') {
220            $('.mailchimp-error').html('' + resp.msg).fadeIn(900);
221        }
222    }
223
224})(jQuery);