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

1(function ($) {
2
3    "use strict";
4
5
6    $(window).stellar({
7        responsive: true,
8        parallaxBackgrounds: true,
9        parallaxElements: true,
10        horizontalScrolling: false,
11        hideDistantElements: false,
12        scrollProperty: 'scroll'
13    });
14
15
16    var fullHeight = function () {
17
18        $('.js-fullheight').css('height', $(window).height());
19        $(window).resize(function () {
20            $('.js-fullheight').css('height', $(window).height());
21        });
22
23    };
24    fullHeight();
25
26    // loader
27    var loader = function () {
28        setTimeout(function () {
29            if ($('#ftco-loader').length > 0) {
30                $('#ftco-loader').removeClass('show');
31            }
32        }, 1);
33    };
34    loader();
35
36    var carousel = function () {
37        $('.home-slider').owlCarousel({
38            loop: true,
39            autoplay: true,
40            autoplayTimeout: 10000,
41            margin: 0,
42            animateOut: 'slideOutDown',
43            animateIn: 'slideInUp',
44            smartSpeed: 1500,
45            nav: true,
46            dots: true,
47            autoplayHoverPause: false,
48            items: 1,
49            navText: ["<span class='fa fa-lg fa-chevron-left'></span>", "<span class='fa fa-lg fa-chevron-right'></span>"],
50            responsive: {
51                0: {
52                    items: 1
53                },
54                600: {
55                    items: 1
56                },
57                1000: {
58                    items: 1
59                }
60            }
61        });
62
63        $('.carousel-testimony').owlCarousel({
64            center: true,
65            loop: false,
66            items: 1,
67            margin: 30,
68            stagePadding: 0,
69            nav: false,
70            navText: ['<span class="ion-ios-arrow-back">', '<span class="ion-ios-arrow-forward">'],
71            responsive: {
72                0: {
73                    items: 1
74                },
75                600: {
76                    items: 2
77                },
78                1000: {
79                    items: 3
80                }
81            }
82        });
83
84    };
85    carousel();
86
87    $('nav .dropdown').hover(function () {
88        var $this = $(this);
89        // 	 timer;
90        // clearTimeout(timer);
91        $this.addClass('show');
92        $this.find('> a').attr('aria-expanded', true);
93        // $this.find('.dropdown-menu').addClass('animated-fast fadeInUp show');
94        $this.find('.dropdown-menu').addClass('show');
95    }, function () {
96        var $this = $(this);
97        // timer;
98        // timer = setTimeout(function(){
99        $this.removeClass('show');
100        $this.find('> a').attr('aria-expanded', false);
101        // $this.find('.dropdown-menu').removeClass('animated-fast fadeInUp show');
102        $this.find('.dropdown-menu').removeClass('show');
103        // }, 100);
104    });
105
106
107    $('#dropdown04').on('show.bs.dropdown', function () {
108        console.log('show');
109    });
110
111    // magnific popup
112    $('.image-popup').magnificPopup({
113        type: 'image',
114        closeOnContentClick: true,
115        closeBtnInside: false,
116        fixedContentPos: true,
117        mainClass: 'mfp-no-margins mfp-with-zoom', // class to remove default margin from left and right side
118        gallery: {
119            enabled: true,
120            navigateByImgClick: true,
121            preload: [0, 1] // Will preload 0 - before current, and 1 after the current image
122        },
123        image: {
124            verticalFit: true
125        },
126        zoom: {
127            enabled: true,
128            duration: 300 // don't foget to change the duration also in CSS
129        }
130    });
131
132    $('.popup-youtube, .popup-vimeo, .popup-gmaps').magnificPopup({
133        disableOn: 700,
134        type: 'iframe',
135        mainClass: 'mfp-fade',
136        removalDelay: 160,
137        preloader: false,
138
139        fixedContentPos: false
140    });
141
142
143    var counter = function () {
144
145        $('#section-counter').waypoint(function (direction) {
146
147            if (direction === 'down' && !$(this.element).hasClass('ftco-animated')) {
148
149                var comma_separator_number_step = $.animateNumber.numberStepFactories.separator(',')
150                $('.number').each(function () {
151                    var $this = $(this),
152                        num = $this.data('number');
153                    console.log(num);
154                    $this.animateNumber(
155                        {
156                            number: num,
157                            numberStep: comma_separator_number_step
158                        }, 7000
159                    );
160                });
161
162            }
163
164        }, { offset: '95%' });
165
166    }
167    counter();
168
169    var contentWayPoint = function () {
170        var i = 0;
171        $('.ftco-animate').waypoint(function (direction) {
172
173            if (direction === 'down' && !$(this.element).hasClass('ftco-animated')) {
174
175                i++;
176
177                $(this.element).addClass('item-animate');
178                setTimeout(function () {
179
180                    $('body .ftco-animate.item-animate').each(function (k) {
181                        var el = $(this);
182                        setTimeout(function () {
183                            var effect = el.data('animate-effect');
184                            if (effect === 'fadeIn') {
185                                el.addClass('fadeIn ftco-animated');
186                            } else if (effect === 'fadeInLeft') {
187                                el.addClass('fadeInLeft ftco-animated');
188                            } else if (effect === 'fadeInRight') {
189                                el.addClass('fadeInRight ftco-animated');
190                            } else {
191                                el.addClass('fadeInUp ftco-animated');
192                            }
193                            el.removeClass('item-animate');
194                        }, k * 50, 'easeInOutExpo');
195                    });
196
197                }, 100);
198
199            }
200
201        }, { offset: '95%' });
202    };
203    contentWayPoint();
204
205
206
207})(jQuery);
208