https://equilli.com/wp-content/themes/equilli-com/js/equili-header.js?ver=20151215

1(function () {
2	var $nav, width, leftMargin;
3
4	var navFullscreen = function navFullscreen() {
5		document.querySelector('.producten').classList.remove('focus')
6		$containerWidth = document.querySelector(".navigation .container").offsetWidth;
7		$nav = document.querySelector(".producten .sub-menu");
8		width = window.innerWidth;
9		leftMargin = (width - $containerWidth) / 2 + 344;
10		if(width>960){
11			$nav.style.paddingLeft = leftMargin - 200 + "px";
12			//$nav.style.width = width + leftMargin + "px";
13			$nav.style.width = width + "px";
14			$nav.style.left = "-" + leftMargin + "px";
15		}else if(width>767){
16			$nav.style.paddingLeft = "0px";
17			//$nav.style.width = width + leftMargin + "px";
18			$nav.style.width = width + "px";
19			$nav.style.left = "-" + leftMargin + "px";
20		}else{
21			$nav.style.paddingLeft = "0px";
22			$nav.style.width = width + "px";
23			$nav.style.left = "-200px";
24		}
25	};
26
27	var resetNav = function resetNav() {
28		$nav = document.querySelector(".producten .sub-menu");
29		$nav.style.left = "-9999px";
30	};
31	var init = function init() {
32		$producten = document.querySelector(".producten");
33
34		if(document.querySelector('.formulier_winkel')){
35			$winkel = document.querySelector('.formulier_winkel').classList[4];
36			$options = document.querySelectorAll('select option');
37			for (var i = 0; i < $options.length; i++) {
38				if($options[i].value == $winkel){
39					$options[i].setAttribute('selected', true);
40				}
41			}
42		}
43
44		if(document.querySelector('.winkels_winkel')){
45			$winkels = document.querySelectorAll(".winkels_winkel");
46			for (var i = 0; i < $winkels.length; i++) {
47				$winkelContent = $winkels[i].querySelector('.wpb_wrapper').innerHTML;
48				if($winkelContent == ""){
49					$winkels[i].classList.remove("winkels_winkel");
50				}
51			}
52		}
53	
54		
55		if($producten){$producten.addEventListener('touchstart', navFullscreen);}
56
57
58		if(document.querySelector(".menu_overons") !== null){document.querySelector(".menu_overons").addEventListener('touchstart', resetNav);}
59
60		$width = window.innerWidth;
61		if($width>600){
62			$nav = document.querySelector(".producten .sub-menu");
63			if($producten){
64			$producten.addEventListener("mouseover", navFullscreen);
65			$producten.addEventListener("mouseout", resetNav);
66			}
67		}
68	};
69
70	init();
71})();