window.wpmm_responsive_breakpoint = 860;

if(window.innerWidth <= window.wpmm_responsive_breakpoint) {
	var mw_all = document.querySelectorAll('.wp-megamenu-wrap');
	for(i = 0; i < mw_all.length; i++) {
		mw_all[i].classList.remove('wpmm-hide-mobile-menu');
		mw_all[i].classList.add('wpmm-mobile-menu');
	}
}

window.megamenu_strees_row_content = function() {
	var width = document.querySelector('body').offsetWidth;
	var menus = document.querySelectorAll('.wpmm-strees-row-and-content-container');
	var top = (window.innerWidth <= window.wpmm_responsive_breakpoint) ? '0' : '75px';
	var ml = document.querySelector('.menu-left').getBoundingClientRect();
	var left = '-' + Math.round(ml.left) + 'px';
	var width = width + 'px';
	for(i = 0; i < menus.length; i++) {		
		menus[i].style.width = width;
		menus[i].style.position = 'absolute';
		menus[i].style.left = left;
		menus[i].style.top =  top;
	}
}

window.delayed_megamenu_resize = function() {
	setTimeout(function(){ window.megamenu_strees_row_content(); }, 500);
}
window.delayed_megamenu_resize();
window.addEventListener('message', function(event) {
	if(event.data == 'translation-change') {
		window.delayed_megamenu_resize();
	}
}, false);
window.addEventListener('resize', function(event) {
	window.delayed_megamenu_resize();
});
window.addEventListener('load', function(event) {
	window.delayed_megamenu_resize();
});

window.resizeBlankSeparator = function() {
	var menu_top = document.querySelector('.oco-hed__menu');
	var menu_left = menu_top.querySelector('.menu-left');
	var li = menu_left.querySelector('li.left-gap');
	var diff = menu_top.offsetWidth - menu_left.offsetWidth;

	if(window.innerWidth <= window.wpmm_responsive_breakpoint) {
		diff = 0;
	} else if(diff > 100) {
		diff = 100;
	} else if(diff < 0) {
		diff = 0;
	}
	li.style.marginLeft = diff + 'px';
}
if(window.innerWidth > window.wpmm_responsive_breakpoint) {
	console.log('resizing blank separator', window.innerWidth, window.wpmm_responsive_breakpoint);
	window.resizeBlankSeparator();
}