/*!
 * jquery.mmenu.js
 *
 * @link https://www.vektorrausch.de
 * @author vektorrausch GmbH <sippel@vektorrausch.de>
 *
 * @package WordPress
 * @subpackage cleantheme
 */

jQuery('document').ready(function($) {

	if ($('[data-mmenu]').length) {
		let mmenuMenu = {};
		let mmenuNavigator = {};
		let mmenuDrawer = {};
		
		$('[data-mmenu]').each(function(i, e) {
			let $mmenuButton = $(this);
	
			let mmenuName = $mmenuButton.data('mmenu');
			let mmenuTheme = ($mmenuButton.data('mmenu-theme')) ? $mmenuButton.data('mmenu-theme') : 'light';
			let mmenuTitle = ($mmenuButton.data('mmenu-title')) ? $mmenuButton.data('mmenu-title') : '';
			let mmenuMediaQuery = ($mmenuButton.data('mmenu-mediaquery')) ? $mmenuButton.data('mmenu-mediaquery') : 'all';
			let mmenuType = ($mmenuButton.data('mmenu-type')) ? $mmenuButton.data('mmenu-type') : 'overlay';
			let mmenuPosition = ($mmenuButton.data('mmenu-position')) ? $mmenuButton.data('mmenu-position') : 'left';
			
			let mmenuOpenOnce = false;
			
			let $mmenuContainer = $(mmenuName).parent();
			let $mmenuButtonClose = $('[data-mmenu-close="' + mmenuName + '"]');
			
			mmenuMenu[mmenuName] = new MmenuLight($mmenuContainer[0], mmenuMediaQuery);
			
			if (mmenuType == 'menu') {
				mmenuNavigator[mmenuName] = mmenuMenu[mmenuName].navigation({
			    selected: 'current-menu-item',
			    slidingSubmenus: true,
			    title: mmenuTitle,
			    theme: mmenuTheme
			  });
			}
			
			mmenuDrawer[mmenuName] = mmenuMenu[mmenuName].offcanvas({
		    position: mmenuPosition
		  });
		  
		  $mmenuButton.click(function(e) {
				$(mmenuName, '.mm-ocd').parents('.mm-ocd').addClass('mm-ocd--' + mmenuTheme).addClass('mm-ocd--' + mmenuType).addClass('mm-ocd--' + mmenuName.substr(1));
				
				if (!mmenuOpenOnce) {					
					mmenuOpenOnce = true;
				}
				
				mmenuDrawer[mmenuName].open();
				e.preventDefault();
			});
			
			$mmenuButtonClose.click(function(e) {
				mmenuDrawer[mmenuName].close();
				e.preventDefault();
			});
			
			$(document).keyup(function(e) {
				if (e.keyCode === 27) {
					mmenuDrawer[mmenuName].close();
					e.preventDefault();
				}
			});
		});
	}
	
});