/**
 * Below Header Styling
 *
 * @package Astra Addon
 * @since 1.0.0
 */

(function() {

	var menu_toggle     	= document.querySelector( '.main-header-menu-toggle' ),
		below_header        = document.querySelector( '.ast-below-header' ),
		below_header_nav 	= document.querySelector( '.ast-below-header-actual-nav' ),
		top_menu_toggle     = document.querySelector( '.menu-above-header-toggle' ),
		below_header_toggle = document.querySelector( '.menu-below-header-toggle' );

	var html                 = document.querySelector( 'html' );
	var __main_header_all    = document.querySelectorAll( '.ast-below-header' );
	var menu_toggle_all      = document.querySelectorAll( '.menu-below-header-toggle' );
	var below_header_nav_all = document.querySelectorAll( '.ast-below-header-actual-nav' );

	if ( menu_toggle_all.length > 0 ) {

		for (var i = 0; i < menu_toggle_all.length; i++) {
			
			menu_toggle_all[i].setAttribute('data-index', i);

			menu_toggle_all[i].addEventListener( 'click', function( event ) {
		    	event.preventDefault();

		    	var event_index = this.getAttribute( 'data-index' );

		    	var menuHasChildren = __main_header_all[event_index].querySelectorAll( '.menu-item-has-children, .page_item_has_children' );
				for ( var i = 0; i < menuHasChildren.length; i++ ) {
					menuHasChildren[i].classList.remove( 'ast-submenu-expanded' );
					var menuHasChildrenSubMenu = menuHasChildren[i].querySelectorAll( '.sub-menu, .children' );		
					for (var j = 0; j < menuHasChildrenSubMenu.length; j++) {		
						menuHasChildrenSubMenu[j].style.display = 'none';		
					};
				}

				var menu_class = this.getAttribute('class') || '';
		
				if ( menu_class.indexOf('menu-below-header-toggle') !== -1 ) {
					toggleClass( __main_header_all[event_index], 'toggle-on' );
					toggleClass( menu_toggle_all[event_index], 'toggled' );

					if ( __main_header_all[event_index].classList.contains( 'toggle-on' ) ) {
						//__main_header_all[event_index].style.display = 'block';
						below_header_nav_all[event_index].style.display = 'block';
						html.classList.add( 'below-header-toggle-on' );
					} else {		
						//__main_header_all[event_index].style.display = '';		
						below_header_nav_all[event_index].style.display = '';
						html.classList.remove( 'below-header-toggle-on' );
					}
				}
		    }, false);
			
			if( 'undefined' !== typeof __main_header_all[i] ) {

				var parentList = __main_header_all[i].querySelectorAll( 'ul.ast-below-header-menu li' );
			 	
			 	if ( document.querySelector("header.site-header").classList.contains("ast-menu-toggle-link") ) {
			 	 	var astra_menu_toggle = __main_header_all[i].querySelectorAll( '.ast-header-break-point .ast-below-header-menu .ast-menu-toggle, .ast-header-break-point .ast-below-header-menu .menu-item-has-children > a' );
			 	} else {
			 	  	var astra_menu_toggle = __main_header_all[i].querySelectorAll( 'ul.ast-below-header-menu .ast-menu-toggle' );
			 	}

				// Add Eevetlisteners for Submenu.
				if (astra_menu_toggle.length > 0) {
					for (var k = 0; k < astra_menu_toggle.length; k++) {
						astra_menu_toggle[k].addEventListener('click', AstraToggleSubMenu, false);
					};
				}
			}


		};


	} else{
		var __primary_menu = document.querySelectorAll( '.main-header-menu' );
		var __below_main_header_all = document.querySelectorAll( '.ast-below-header-menu-items' );
		var below_menu_toggle_all 	= document.querySelectorAll( '.main-header-menu-toggle' );

		if ( below_menu_toggle_all.length > 0 && __below_main_header_all.length > 0  && __primary_menu.length == 0 ) {

			for (var i = 0; i < below_menu_toggle_all.length; i++) {
				var parentListBelowHeader = __below_main_header_all[i].querySelectorAll( 'li' );
			 	
			 	var astra_menu_toggle_below_header = __below_main_header_all[i].querySelectorAll( '.ast-menu-toggle' );
				AstraToggleMenu( astra_menu_toggle_below_header );

			};

		}
	}

	/* Below Header Menu Toggle */
	if ( null != below_header_toggle ) {

		/* Main Menu toggle click */
		if ( null != menu_toggle && null != below_header_nav ) {
			menu_toggle.addEventListener( 'click', function( event ) {

				below_header.classList.remove( 'toggle-on' );
				//below_header.style.display = 'none';
				below_header_nav.style.display = 'none';
				if ( null != top_menu_toggle ){
					top_menu_toggle.classList.remove( 'toggled' );
				}
				if ( null != below_header_toggle ) {
					below_header_toggle.classList.remove( 'toggled' );
				}
			}, false);
		}

		below_header_toggle.addEventListener( 'click', function( event ) {
			event.preventDefault();

			if ( null != menu_toggle ) {
				menu_toggle.classList.remove( 'toggled' );
			}
			if ( null != top_menu_toggle ) {
				top_menu_toggle.classList.remove( 'toggled' );
			}
			var ast_above_header 	 = document.querySelector( '.ast-above-header' );

			if ( null != ast_above_header ) {
				ast_above_header.classList.remove( 'toggle-on' );

				var ast_above_header_nav = document.querySelector( '.ast-above-header-navigation' );
				if ( null != ast_above_header_nav ) {
					ast_above_header_nav.style.display = '';
				}
			}

			var main_header_bar = document.querySelector( '.main-header-bar-navigation' );
			if ( null != main_header_bar ) {
				main_header_bar.classList.remove( 'toggle-on' );
				main_header_bar.style.display = '';
			}

			var elm = document.querySelector( '.ast-below-header-navigation' );
			var rect = elm.getBoundingClientRect();
			var vph = Math.max( document.documentElement.clientHeight, window.innerHeight || 0 );

			elm.style.maxHeight = Math.abs( vph - rect.top ) + 'px';

		}, false);
	}

})();
