https://www.applestatehd.com/portals/applestatehd/skins/applestate…//js/custom-homepage-only.js?cdv=1273

1
2$( document ).ready(function() {
3    
4
5    
6    /*! ADD VIDEO AFTER PAGE LOADS - ONLY TABLET AND ABOVE */
7    var w = window.innerWidth;
8    if (w > 767) {
9        $('#heroVideo .embed-responsive').prepend('<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/qTm9o-Ci5Fw?controls=0&rel=0&autoplay=1&mute=1&loop=1&hd=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>');
10    }
11
12    /*! BRAND PANELS: Click function  */
13    $('#OEMslider .swiper-wrapper.nav .swiper-slide').on('click touchstart', function () {
14        $(this).find('.slide-body').tab('show');
15    });
16
17 
18    /*! BRAND PANELS: When OEM Logos are CLICKED, then AUTO-SCROLL to the point where the OEMs are at the top of the screen. (A reference achor is placed above OEM row.) */
19    /*! For reference: http://jsfiddle.net/BjpWB/4/ */
20    function scrollToAnchor(){
21        var aTag = $("a[name='idOEM']");
22        var headerHeight = $("header.header").height();
23        var scrollOffsetPosition = (aTag.offset().top - headerHeight); // "headerHeight" is subtracted, to offset the height of the sticky header
24        
25        $('html,body').animate({scrollTop: scrollOffsetPosition}, 800);
26    }
27    $('.swiper-slide .slide-body').on('click touchstart', function () {
28        scrollToAnchor(); // This anchor point is located at the top of the OEM Row
29    }); 
30
31    /*! BRAND PANELS: After hovering over an OEM logo, after a slight delay, the cursor changes to the default arrow (instead of the pointer finger) */
32    /*! This is not essential. But, if a user hovers over an OEM logo, then moves lower on the page, then comes back to the OEM logo, */
33    /*! then it may seem like the OEM Logo is not working correctly because it doesn't do anything after the initial hover.  */
34    /*! So, this just makes it clear that, after the initial hover, the logo will not do anything more on subsequent hovers.  */
35    $('.swiper-slide .slide-body').hover(function(){  
36        setTimeout(pointer, 2000);
37    });
38    function pointer() { 
39        $('.swiper-slide:not(.active) .slide-body').removeClass('cursor-default');
40        $('.swiper-slide.active .slide-body').addClass('cursor-default');
41    }
42
43});
44