https://wingcheongautotransmissions.com/js/script.js

1(function($, viewport) {
2  'use strict';
3
4  var animationDuration = 200;
5
6
7  function isMobileMenu() {
8    return viewport.is('<md');
9  }
10
11
12  if ($('.header-navbar .nav > .dropdown').length) {
13    // Trigger dropdown menu on hover
14    $('.header-navbar .nav > .dropdown').on('mouseenter mouseleave', function(event) {
15      if (isMobileMenu()) return;
16
17      var $this = $(this);
18
19      if ((event.type == 'mouseenter' && !$this.is('.open')) ||
20          (event.type == 'mouseleave' && $this.is('.open'))) {
21        $this.find('.dropdown-toggle').trigger('click');
22      }
23    });
24
25    // Override dropdown animations
26    $('.header-navbar .nav > .dropdown').on('show.bs.dropdown hide.bs.dropdown', function(event) {
27      var dropdownMenu = $(this).find('.dropdown-menu').first().stop(true, true);
28
29      if (isMobileMenu()) {
30        if (event.type == 'show') {
31          dropdownMenu.slideDown(animationDuration);
32        } else {
33          dropdownMenu.slideUp(animationDuration);
34        }
35      } else {
36        if (event.type == 'show') {
37          dropdownMenu.fadeIn(animationDuration);
38        } else {
39          dropdownMenu.fadeOut(animationDuration);
40        }
41      }
42    });
43  }
44
45  // Home page header slider
46  if ($('#header-slider').length && jQuery().revolution) {
47    $('#header-slider').show().revolution({
48      sliderType: 'standard',
49      responsiveLevels: [1500, 1200, 970, 750],
50      gridwidth:[1170, 970, 750, 480],
51      gridheight: 560,
52      autoHeight: 'off',
53      delay: 9000,
54      lazyType: 'all',
55      dottedOverlay: 'on',
56      spinner: 'spinner2',
57      debugMode: false,
58      navigation: {
59        onHoverStop: 'off',
60      },
61    });
62  }
63
64  // Home page "Our services" & "Shop" carousels
65  if ($('.services-carousel, .shop-carousel--home').length) {
66    $('.services-carousel, .shop-carousel--home').owlCarousel({
67      items: 1,
68      stagePadding: 15,
69      margin: 30,
70      loop: true,
71      responsive: {
72        768: {
73          items: 2,
74        },
75        992: {
76          items: 3,
77        },
78        1200: {
79          items: 4,
80        }
81      }
82    });
83  }
84
85  // Home page "Reviews" carousel
86  if ($('.reviews-carousel').length) {
87    $('.reviews-carousel').owlCarousel({
88      items: 1,
89      stagePadding: 15,
90      margin: 30,
91      loop: true,
92      nav: false,
93      dots: true,
94      autoplay: true,
95      autoplayTimeout: 7000,
96      autoplayHoverPause: true,
97      autoplaySpeed: 800,
98    });
99  }
100
101  // Shop page products carousels
102  if ($('.shop-carousel').length) {
103    $('.shop-carousel').owlCarousel({
104      items: 1,
105      margin: 30,
106      stagePadding: 15,
107      loop: true,
108      nav: false,
109      dots: false,
110      autoplay: true,
111      autoplayTimeout: 7000,
112      autoplayHoverPause: true,
113      autoplaySpeed: 800,
114      responsive: {
115        768: {
116          items: 2,
117          dots: true,
118        },
119        897: {
120          items: 3,
121        },
122        1025: {
123          items: 4,
124        },
125        1201: {
126          items: 5,
127        }
128      },
129    });
130  }
131}(jQuery, ResponsiveBootstrapToolkit));
132
133
134// Initialize Google Maps
135function initMap() {
136  'use strict';
137
138  // Set your location here:
139  var location = {lat: -37.8325257, lng: 144.946047};
140
141  var map = new google.maps.Map($('#map')[0], {
142    center: location,
143    zoom: 14,
144    scrollwheel: false,
145    navigationControl: false,
146    mapTypeControl: false,
147    scaleControl: false,
148    draggable: false,
149  });
150
151  new google.maps.Marker({
152    position: location,
153    map: map,
154  });
155}