https://westpennwire.com/js/main.js?v=2

1$(document).ready(function() {
2
3
4
5    $('.dropdown-holder').hover(
6        function(){
7            $(this).children('.dropdown-menu').stop().slideDown(200);
8        },
9        function(){
10            $(this).children('.dropdown-menu').stop().slideUp(200);
11        }
12    );
13
14
15
16    //$('.dropdown-toggle').dropdown();
17
18
19
20    // Initializes the mobile menu and loads the content from the main menu
21    $('#sidr-hamburger').sidr({
22        name: 'sidr',
23        source: "#header-menu-primary, #header-menu-secondary"
24    });
25
26    // Because Sidr adds prefixes to classes
27    $('.sidr-class-glyphicon').addClass("glyphicon glyphicon-triangle-bottom");
28
29
30
31    // Handles the Sidr dropdown functionality 
32    
33    // - Initializes the page
34    $('.sidr-class-dropdown-menu').slideUp();
35
36    // - Handles the response
37    $('.sidr-class-dropdown-toggle').click(function() {
38        $(this).next('.sidr-class-dropdown-menu').slideToggle();
39    });
40
41
42    // Instantiates the slider
43    $( '#index-slider' ).sliderPro({
44        width: "100%",
45        buttons: true,
46        autoplayDelay: 3500,
47        loop: true,
48        height: 550,
49        breakpoints: {
50            1500: {
51                height: 500
52            },
53            1400: {
54                height: 450
55            },
56            1300: {
57                height: 400
58            },
59            1200: {
60                height: 350
61            },
62            1100: {
63                height: 300
64            },
65            1000: {
66                height: 300
67            },
68            900: {
69                height: 280
70            },
71            800: {
72                height: 260
73            },
74            700: {
75                height: 240
76            },
77            600: {
78                height: 220
79            },
80            500: {
81                height: 200
82            },
83            400: {
84                height: 150
85            }
86        },
87        init: function() {
88            setTimeout(function() {
89                $("#index-slider").animate({"opacity": 1});
90            }, 1750);
91        }
92    });
93
94
95    // Instantiates the Colorbox lightbox on the Resource Center page
96    initColorbox();
97
98    $(window).resize(function() {
99        initColorbox();
100    });
101
102    function initColorbox() {
103        var windowWidth = $( window ).width();
104        if ( windowWidth > 580 ) {
105            $('a.lightbox-video').colorbox({iframe: true, width: 570, height: 325, innerWidth: 560, innerHeight: 315, opacity: .7});
106        } else {
107            $('a.lightbox-video').colorbox({iframe: true, width: 310, height: 179, innerWidth: 300, innerHeight: 169, opacity: .7});
108        }
109    
110        
111    }
112
113
114    function setupSliderImageMaps() {
115        // Re-add the image maps (as they get stripped by Slider Pro for some reason)
116        $('img#Image-Maps-Com-image-maps-2018-05-24-151133').attr("usemap","#ImageMapsCom-image-maps-2018-05-24-151133");
117 
118        // Responsive image maps
119        $('img[usemap]').rwdImageMaps();
120    }
121
122    // Responsive image maps
123    setupSliderImageMaps();
124
125 
126    $( '#index-slider' ).on( 'init', function( event ) {
127       setTimeout(function() {
128        console.log("Setup slider image maps - init");
129           setupSliderImageMaps();
130       }, 500);
131    });
132 

133    $( '#index-slider' ).on( 'gotoSlide', function( event ) {
134       setTimeout(function() {
135           console.log("Setup slider image maps - goToSlide");
136           setupSliderImageMaps();
137       }, 200);
138    });
139 
140 
141    setTimeout(function() {
142        console.log("Setup slider image maps - setTimeout");
143         setupSliderImageMaps();
144     }, 650);
145
146
147
148
149
150        // Paginate some Resource Center content using BootPag jQuery plugin
151
152        // Only display on resource center pages with paginated content
153        if ($("#paginated-content").length) {
154
155            var allContent = $(".paginated-content-source li");
156            var pageLength = 10;
157            var allContentNumPages = Math.ceil( allContent.length / pageLength );
158  
159            // Display the correct content depending on the page
160            function displayPaginatedContent(pageNumber) {
161              // initialize content area
162              $("#paginated-content").html("");
163  
164              console.log("Page #" + pageNumber);
165  
166  
167              var startingPoint = (pageNumber -1) * pageLength;
168              if (startingPoint < 0) {
169                startingPoint = 0;
170              }
171              var endingPoint = startingPoint + pageLength;
172              
173              // Get content from the hidden .paginated-content-source and insert into content area
174              for (i = startingPoint; i < endingPoint; i++) {
175                // console.log(i);
176                //console.log(allContent[i].innerHTML);
177                $("#paginated-content").html( $("#paginated-content").html() + "<li>" + allContent[i].innerHTML + "</li>" );
178              }
179            }
180  
181  
182            // init BootPag plugin
183            $('#page-selection').bootpag({
184                total: allContentNumPages
185            }).on("page", function(event, /* page number here */ num){
186              // When current page changes, display the correct content
187              displayPaginatedContent(num);
188  
189            });
190  
191            // Initialize the first page
192            displayPaginatedContent(1);
193          }
194
195          // End Resource Center pagination
196
197
198});