https://killeverymonster.com/wp-content/themes/podcaster/js/res_men.js?ver=1.0

1"use strict";
2
3
4jQuery(document).ready(function($) {
5	
6	$(window).on("load, resize", function() {
7	    var viewportWidth = $(window).width();
8
9	    // Add CSS class ".responsive-menu-active" once the menu is actually active
10	    if (viewportWidth < 992) {
11	    	$('#nav').removeClass('responsive-menu-inactive');
12	        $('#nav').addClass('responsive-menu-active');
13	    } else {
14	    	$('#nav').addClass('responsive-menu-inactive');
15	    	$('#nav').removeClass('responsive-menu-active');
16	    }
17	
18	}).resize();
19
20	if ( $('#nav').hasClass('drop') ) {
21
22		let $opener = $('.open-menu');
23
24		$opener.on('click', function() {
25			if( $opener.hasClass('menu-is-open') ){
26
27				$('#nav.drop').stop().slideUp(500);
28				$(this).removeClass("menu-is-open");
29
30			} else {
31
32				$('#nav.drop').stop().height('auto').slideDown(500);
33				$(this).addClass("menu-is-open");
34				
35			}
36		});
37
38	} else {
39		/* Toggle Menu */
40		var windowWidth = jQuery(window).width();
41		
42		$('.above').on('click','.open-menu', function() {
43			if ( $('#nav').hasClass('open') ) {
44				$('#nav').removeClass('open');
45			} else {
46				$('#nav').addClass('open');
47			}
48		});
49		
50		if(windowWidth < 1025){
51			
52			$('#nav.toggle .menu-item-has-children > a').addClass('menu-trigger');
53
54			$('#nav.toggle').on('click', '.menu-item-has-children > a.menu-trigger', function(event) {
55				event.preventDefault();
56				if ( $(this).next('ul').hasClass('open') ) {
57					$(this).removeClass('active');
58					$(this).next('.sub-menu').removeClass('open');
59				} else {
60					$(this).closest('ul').find('.active').removeClass('active');
61					$(this).next('.sub-menu').addClass('open');
62					$(this).addClass('active');
63				}
64			});
65		}
66	}
67
68
69	$('.above .nav-search-form').on('click','.open-search-bar', function(event) {
70		event.preventDefault();
71		if ( $('.search-form-drop').hasClass('open') ) {
72			$('.search-form-drop').removeClass('open');
73		} else {
74			$('.search-form-drop').addClass('open');
75		}
76	});
77
78
79	/* Loading Header */
80    jQuery('#loading_bg').addClass("hide_bg");
81
82
83	/* Add class for lightbox 2 and galleries */
84	jQuery(".gallery-item .image_cont a").attr('data-lightbox', 'lightbox');
85
86
87	/* Resize Navigation Bar */
88	jQuery(document).on("scroll",function() {
89		var windowWidth = jQuery(window).width();
90		if( windowWidth > 1024){
91			if(jQuery(document).scrollTop() > 0){ 
92				jQuery(".above.large_nav").removeClass("large_nav").addClass("small_nav");
93				jQuery(".nav-placeholder.large_nav").addClass("show");
94			} else {
95				jQuery(".above.small_nav").removeClass("small_nav").addClass("large_nav");
96				jQuery(".nav-placeholder.large_nav").removeClass("show");
97			}
98		}
99	});
100
101
102	/* Gutenberg Template Full width scrollbar */
103	var scrollBarWidth = window.innerWidth - document.body.clientWidth;
104	$(".template-gutenberg .entry-content .alignfull").css({ 'margin-right' : 'calc( (-100vw / 2 + 100% / 2) - ' + scrollBarWidth + 'px)' });
105
106
107
108	// Does the browser actually support the video element?
109	var supportsVideo = !!document.createElement('video').canPlayType;
110
111	if (supportsVideo) {
112
113		// Video background
114		var videoContainer = document.getElementById('videoContainer');
115		var video = document.getElementById('videobg');
116		var videoControls = document.getElementById('video-controls');
117		var playButton = document.getElementById('playpause');
118		

119		if( video !== null ) {
120			// Check if autoplay is active
121			if( playButton !== null && videoControls !== null ) {
122				if(!video.paused && video.hasAttribute("autoplay")) {
123					playButton.setAttribute('data-state', 'pause');
124					videoControls.setAttribute('data-state-button', 'button-pause');
125				}
126			
127
128				// Display the user defined video controls
129				videoControls.setAttribute('data-state', 'visible');
130				
131
132				var changeButtonState = function(type) {
133				   // Play/Pause button
134				   if (type == 'playpause') {
135				      if (video.paused || video.ended) {
136				        playpause.setAttribute('data-state', 'play');
137				        videoControls.setAttribute('data-state-button', 'button-play');
138				      }
139				      else {
140				        playpause.setAttribute('data-state', 'pause');
141				        videoControls.setAttribute('data-state-button', 'button-pause');
142				      }
143				   }
144				}
145
146			
147				video.addEventListener('play', function() {
148				   changeButtonState('playpause');
149				}, false);
150				video.addEventListener('pause', function() {
151				   changeButtonState('playpause');
152				}, false);
153
154				playpause.addEventListener('click', function(e) {
155				   if (video.paused || video.ended) {
156				   	video.play();
157				   } else {
158				   	video.pause();
159				   }
160				});
161			}
162		}
163	}
164});