/ Implements the hamburger menu behaviour

@since 4.8 moved from avia.js to own file as some user request to customize this feature /
(function($)
{
“use strict”;

$(document).ready( function()
{
$.avia_utilities = $.avia_utilities || {};

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) && ‘ontouchstart’ in document.documentElement )
{
$.avia_utilities.isMobile =  true;
}
else
{
$.avia_utilities.isMobile =  false;
}

//activates the hamburger mobile menu
avia_hamburger_menu();

});

$.avia_utilities = $.avia_utilities || {};

function avia_hamburger_menu()
{
var header        = $(‘#header’),
header_main    = $(‘#main .av-logo-container’), //check if we got a top menu that is above the header
menu        = $(‘#avia-menu’),
burger_wrap = $(‘.av-burger-menu-main a’),
htmlEL      = $(‘html’).eq(0),
overlay        = $(‘<div class=”av-burger-overlay”></div>’),
overlay_scroll    = $(‘<div class=”av-burger-overlay-scroll”></div>’).appendTo(overlay),
inner_overlay     = $(‘<div class=”av-burger-overlay-inner”></div>’).appendTo(overlay_scroll),
bgColor           = $(‘<div class=”av-burger-overlay-bg”></div>’).appendTo(overlay),
animating           = false,
first_level          = {},
logo_container    = $(‘.av-logo-container .inner-container’),
menu_in_logo_container = logo_container.find(‘.main_menu’),
cloneFirst        = htmlEL.is(‘.html_av-submenu-display-click.html_av-submenu-clone, .html_av-submenu-display-hover.html_av-submenu-clone’),
menu_generated     = false,
cloned_menu_cnt = 0;

/**
* Check for alternate mobile menu
*/
var alternate = $(‘#avia_alternate_menu’);
if( alternate.length > 0 )
{
menu = alternate;
}

var    set_list_container_height = function()
{
//necessary for ios since the height is usually not 100% but 100% – menu bar which can be requested by window.innerHeight
if($.avia_utilities.isMobile)
{
overlay_scroll.outerHeight(window.innerHeight);
}
},
create_list = function( items , append_to )
{
if(!items) return;

var list, link, current, subitems, megacolumns, sub_current, sub_current_list, new_li, new_ul;

items.each(function()
{
current  = $(this);
subitems = current.find(‘ > .sub-menu > li’); //find sublists of a regular defined menu
if( subitems.length == 0 )
{
subitems = current.find(‘ > .children > li’); //find sublists of a fallback menu
}
megacolumns = current.find( ‘.avia_mega_div > .sub-menu > li.menu-item’ );

//    href = ‘#’: we have a custom link that should not link to something – is also in use by megamenu for titles
var cur_menu = current.find(‘>a’);
var clone_events = true;

if( cur_menu.length )
{
if( cur_menu.get(0).hash == ‘#’ || ‘undefined’ == typeof cur_menu.attr(‘href’) || cur_menu.attr(‘href’) == ‘#’ )
{
// eventhandler conflict ‘click’ by megamenu (returns false) – ignore all handlers
if( subitems.length > 0 || megacolumns.length > 0 )
{
clone_events = false;
}
}
}

link   = cur_menu.clone(clone_events).attr(‘style’,”);

//    megamenus can have ” as url in top menu – allow click event in burger
if( ‘undefined’ == typeof cur_menu.attr(‘href’) )
{
link.attr( ‘href’, ‘#’ );
}

new_li = $(‘
 	<li>&#8216;).append( link );                //    Copy user set classes for menu items &#8211; these must not start with menu-item, page-item, page_item (used by default classes)
var cls = [];
if( &#8216;undefined&#8217; != typeof current.attr(&#8216;class&#8217;) )
{
cls = current.attr(&#8216;class&#8217;).split(/\s+/);
$.each( cls, function( index, value ){
if( ( value.indexOf(&#8216;menu-item&#8217;) != 0 ) &amp;&amp; ( value.indexOf(&#8216;page-item&#8217;) &lt; 0 ) &amp;&amp; ( value.indexOf(&#8216;page_item&#8217;) != 0 ) &amp;&amp; ( value.indexOf(&#8216;dropdown_ul&#8217;) &lt; 0 ) )
{
//    &#8216;current-menu-item&#8217; is also copied !!
new_li.addClass( value );
}
return true;
});
}

if( &#8216;undefined&#8217; != typeof current.attr(&#8216;id&#8217;) &amp;&amp; &#8221; != current.attr(&#8216;id&#8217;) )
{
new_li.addClass(current.attr(&#8216;id&#8217;));
}
else
{
//    fallback menu has no id -&gt; try to find page id in class
$.each( cls, function( index, value ){
if( value.indexOf(&#8216;page-item-&#8216;) &gt;= 0 )
{
new_li.addClass(value);
return false;
}
});
}

append_to.append(new_li);

if(subitems.length)
{
new_ul = $(&#8216;&lt;ul class=&#8221;sub-menu&#8221;&gt;&#8217;).appendTo(new_li);

if(cloneFirst &amp;&amp; ( link.get(0).hash != &#8216;#&#8217; &amp;&amp; link.attr(&#8216;href&#8217;) != &#8216;#&#8217; ))
{
new_li.clone(true).prependTo(new_ul);
}

new_li.addClass(&#8216;av-width-submenu&#8217;).find(&#8216;&gt;a&#8217;).append(&#8216;&lt;span class=&#8221;av-submenu-indicator&#8221;&gt;&#8217;);

create_list( subitems , new_ul);
}
else if(megacolumns.length)    //if we got no normal sublists try megamenu columns and sublists
{
new_ul = $(&#8216;&lt;ul class=&#8221;sub-menu&#8221;&gt;&#8217;).appendTo(new_li);

if(cloneFirst &amp;&amp; ( link.get(0).hash != &#8216;#&#8217; &amp;&amp; link.attr(&#8216;href&#8217;) != &#8216;#&#8217; ))
{
new_li.clone(true).prependTo(new_ul);
}

megacolumns.each(function(iteration)
{
var megacolumn        = $(this),
mega_current      = megacolumn.find( &#8216;&gt; .sub-menu&#8217; ),        //    can be 0 if only a column is used without submenus
mega_title         = megacolumn.find( &#8216;&gt; .mega_menu_title&#8217; ),
mega_title_link = mega_title.find(&#8216;a&#8217;).attr(&#8216;href&#8217;) || &#8220;#&#8221;,
current_megas     = mega_current.length &gt; 0 ? mega_current.find(&#8216;&gt;li&#8217;) : null,
mega_title_set  = false,
mega_link         = new_li.find(&#8216;&gt;a&#8217;),
hide_enty        = &#8221;;

//    ignore columns that have no actual link and no subitems
if( ( current_megas === null ) || ( current_megas.length == 0 ) )
{
if( mega_title_link == &#8216;#&#8217; )
{
hide_enty = &#8216; style=&#8221;display: none;&#8221;&#8216;;
}
}

if(iteration == 0) new_li.addClass(&#8216;av-width-submenu&#8217;).find(&#8216;&gt;a&#8217;).append(&#8216;&lt;span class=&#8221;av-submenu-indicator&#8221;&gt;&#8217;);

//if we got a title split up submenu items into multiple columns
if(mega_title.length &amp;&amp; mega_title.text() != &#8220;&#8221;)
{
mega_title_set  = true;

//if we are within the first iteration we got a new submenu, otherwise we start a new one
if(iteration &gt; 0)
{
var check_li = new_li.parents(&#8216;li&#8217;).eq(0);

if(check_li.length) new_li = check_li;

new_ul = $(&#8216;&lt;ul class=&#8221;sub-menu&#8221;&gt;&#8217;).appendTo(new_li);
}

new_li = $(&#8216;&lt;li&#8217; + hide_enty + &#8216;&gt;&#8217;).appendTo(new_ul);
new_ul = $(&#8216;&lt;ul class=&#8221;sub-menu&#8221;&gt;&#8217;).appendTo(new_li);

$(&#8216;<a href="'+mega_title_link+'" rel="nofollow">&lt;span class=&#8221;avia-bullet&#8221;&gt;&lt;/span&gt;&lt;span class=&#8221;avia-menu-text&#8221;&gt;&#8217; +mega_title.text()+ &#8216;&lt;/span&gt;</a>&#8216;).insertBefore(new_ul);
mega_link = new_li.find(&#8216;&gt;a&#8217;);

//    Clone if we have submenus
if(cloneFirst &amp;&amp; ( mega_current.length &gt; 0 ) &amp;&amp; ( mega_link.length &amp;&amp; mega_link.get(0).hash != &#8216;#&#8217; &amp;&amp; mega_link.attr(&#8216;href&#8217;) != &#8216;#&#8217; ))
{
new_li.clone(true).addClass(&#8216;av-cloned-title&#8217;).prependTo(new_ul);
}

}

//    do not append av-submenu-indicator if no submenus (otherwise link action is blocked !!!)
if( mega_title_set &amp;&amp; ( mega_current.length &gt; 0 ) ) new_li.addClass(&#8216;av-width-submenu&#8217;).find(&#8216;&gt;a&#8217;).append(&#8216;&lt;span class=&#8221;av-submenu-indicator&#8221;&gt;&#8217;);
create_list( current_megas , new_ul);
});

}

});

burger_wrap.trigger( &#8216;avia_burger_list_created&#8217; );
return list;
};

var burger_ul, burger;

//prevent scrolling of outer window when scrolling inside
$(&#8216;body&#8217;).on( &#8216;mousewheel DOMMouseScroll touchmove&#8217;, &#8216;.av-burger-overlay-scroll&#8217;, function (e) {

var height = this.offsetHeight,
scrollHeight = this.scrollHeight,
direction = e.originalEvent.wheelDelta;

if(scrollHeight != this.clientHeight)
{
if( (this.scrollTop &gt;= (scrollHeight &#8211; height) &amp;&amp; direction &lt; 0) || (this.scrollTop &lt;= 0 &amp;&amp; direction &gt; 0) ) {
e.preventDefault();
}
}
else
{
e.preventDefault();
}
});

//prevent scrolling for the rest of the screen
$(document).on( &#8216;mousewheel DOMMouseScroll touchmove&#8217;, &#8216;.av-burger-overlay-bg, .av-burger-overlay-active .av-burger-menu-main&#8217;, function (e)
{
e.preventDefault();
});

//prevent scrolling on mobile devices
var touchPos = {};

$(document).on(&#8216;touchstart&#8217;, &#8216;.av-burger-overlay-scroll&#8217;, function(e)
{
touchPos.Y = e.originalEvent.touches[0].clientY;
});

$(document).on(&#8216;touchend&#8217;, &#8216;.av-burger-overlay-scroll&#8217;, function(e)
{
touchPos = {};
});

//prevent rubberband scrolling <a href="http://blog.christoffer.me/six-things-i-learnt-about-ios-safaris-rubber-band-scrolling/" rel="nofollow">http://blog.christoffer.me/six-things-i-learnt-about-ios-safaris-rubber-band-scrolling/</a>
$(document).on( &#8216;touchmove&#8217;, &#8216;.av-burger-overlay-scroll&#8217;, function (e)
{
if(!touchPos.Y)
{
touchPos.Y = e.originalEvent.touches[0].clientY;
}

var    differenceY = e.originalEvent.touches[0].clientY &#8211; touchPos.Y,
element     = this,
top         = element.scrollTop,
totalScroll = element.scrollHeight,
currentScroll = top + element.offsetHeight,
direction      = differenceY &gt; 0 ? &#8220;up&#8221; : &#8220;down&#8221;;

$(&#8216;body&#8217;).get(0).scrollTop = touchPos.body;

if ( top &lt;= 0 )
{
if(direction == &#8220;up&#8221;) e.preventDefault();

} else if ( currentScroll &gt;= totalScroll )
{
if(direction == &#8220;down&#8221;) e.preventDefault();
}
});

$(window).on( &#8216;debouncedresize&#8217;, function (e)
{
//    close burger menu when returning to desktop
if(burger &amp;&amp; burger.length)
{
if( ! burger_wrap.is(&#8216;:visible&#8217;) )
{
burger.filter(&#8220;.is-active&#8221;).parents(&#8216;a&#8217;).eq(0).trigger(&#8216;click&#8217;);
}
}

set_list_container_height();
});

//close overlay on overlay click
$(&#8216;.html_av-overlay-side&#8217;).on( &#8216;click&#8217;, &#8216;.av-burger-overlay-bg&#8217;, function (e)
{
e.preventDefault();
burger.parents(&#8216;a&#8217;).eq(0).trigger(&#8216;click&#8217;);
});

//close overlay when smooth scrollign begins
$(window).on(&#8216;avia_smooth_scroll_start&#8217;, function()
{
if(burger &amp;&amp; burger.length)
{
burger.filter(&#8220;.is-active&#8221;).parents(&#8216;a&#8217;).eq(0).trigger(&#8216;click&#8217;);
}
});

//toogle hide/show for submenu items
$(&#8216;.html_av-submenu-display-hover&#8217;).on( &#8216;mouseenter&#8217;, &#8216;.av-width-submenu&#8217;, function (e)
{
$(this).children(&#8220;ul.sub-menu&#8221;).slideDown(&#8216;fast&#8217;);
});

$(&#8216;.html_av-submenu-display-hover&#8217;).on( &#8216;mouseleave&#8217;, &#8216;.av-width-submenu&#8217;, function (e)
{
$(this).children(&#8220;ul.sub-menu&#8221;).slideUp(&#8216;fast&#8217;);
});

$(&#8216;.html_av-submenu-display-hover&#8217;).on( &#8216;click&#8217;, &#8216;.av-width-submenu &gt; a&#8217;, function (e)
{
e.preventDefault();
e.stopImmediatePropagation();
});

//    for mobile we use same behaviour as submenu-display-click
$(&#8216;.html_av-submenu-display-hover&#8217;).on( &#8216;touchstart&#8217;, &#8216;.av-width-submenu &gt; a&#8217;, function (e)
{
var menu = $(this);
toggle_submenu( menu, e );
});

//toogle hide/show for submenu items
$(&#8216;.html_av-submenu-display-click&#8217;).on( &#8216;click&#8217;, &#8216;.av-width-submenu &gt; a&#8217;, function (e)
{
var menu = $(this);
toggle_submenu( menu, e );
});

//    close mobile menu if click on active menu item
$(&#8216;.html_av-submenu-display-click&#8217;).on( &#8216;click&#8217;, &#8216;.av-burger-overlay a&#8217;, function (e)
{
var loc = window.location.href.match(/(^[^#]*)/)[0];
var cur = $(this).attr(&#8216;href&#8217;).match(/(^[^#]*)/)[0];

if( cur == loc )
{
e.preventDefault();
e.stopImmediatePropagation();

burger.parents(&#8216;a&#8217;).eq(0).trigger(&#8216;click&#8217;);
return false;
}
return true;
});

function toggle_submenu( menu, e )
{
e.preventDefault();
e.stopImmediatePropagation();

var parent  = menu.parents(&#8216;li&#8217;).eq(0);

parent.toggleClass(&#8216;av-show-submenu&#8217;);

if(parent.is(&#8216;.av-show-submenu&#8217;))
{
parent.children(&#8220;ul.sub-menu&#8221;).slideDown(&#8216;fast&#8217;);
}
else
{
parent.children(&#8220;ul.sub-menu&#8221;).slideUp(&#8216;fast&#8217;);
}
};

(function normalize_layout()
{
//if we got the menu outside of the main menu container we need to add it to the container as well
if(menu_in_logo_container.length) return;

var menu2 = $(&#8216;#header .main_menu&#8217;).clone(true),
ul = menu2.find(&#8216;ul.av-main-nav&#8217;),
id = ul.attr(&#8216;id&#8217;);

if( &#8216;string&#8217; == typeof id &amp;&amp; &#8221; != id.trim() )
{
ul.attr(&#8216;id&#8217;, id + &#8216;-&#8216; + cloned_menu_cnt++ );
}
menu2.find(&#8216;.menu-item:not(.menu-item-avia-special)&#8217;).remove();
menu2.insertAfter(logo_container.find(&#8216;.logo&#8217;).first());

//check if we got social icons and append it to the secondary menu
var social = $(&#8216;#header .social_bookmarks&#8217;).clone(true);
if(!social.length) social = $(&#8216;.av-logo-container .social_bookmarks&#8217;).clone(true);

if( social.length )
{
menu2.find(&#8216;.avia-menu&#8217;).addClass(&#8216;av_menu_icon_beside&#8217;);
menu2.append(social);
}

//re select the burger menu if we added a new one
burger_wrap = $(&#8216;.av-burger-menu-main a&#8217;);
}());

burger_wrap.on(&#8216;click&#8217;, function(e)
{
if(animating) return;
burger         = $(this).find(&#8216;.av-hamburger&#8217;),
animating     = true;

if(!menu_generated)
{
menu_generated = true;
burger.addClass(&#8220;av-inserted-main-menu&#8221;);

burger_ul = $(&#8216;
<ul>&#8216;).attr({id:&#8217;av-burger-menu-ul&#8217;, class:&#8221;});
var first_level_items = menu.find(&#8216;&gt; li:not(.menu-item-avia-special)&#8217;); //select all first level items that are not special items
var    list = create_list( first_level_items , burger_ul);

burger_ul.find(&#8216;.noMobile&#8217;).remove(); //remove any menu items with the class noMobile so user can filter manually if he wants
burger_ul.appendTo(inner_overlay);
first_level = inner_overlay.find(&#8216;#av-burger-menu-ul &gt; li&#8217;);

if($.fn.avia_smoothscroll){
$(&#8216;a[href*=&#8221;#&#8221;]&#8217;, overlay).avia_smoothscroll(overlay);
}
}

if(burger.is(&#8220;.is-active&#8221;))
{
burger.removeClass(&#8220;is-active&#8221;);
htmlEL.removeClass(&#8220;av-burger-overlay-active-delayed&#8221;);

overlay.css(&#8216;opacity&#8217;, function()
{
overlay.css({display:&#8217;none&#8217;});
htmlEL.removeClass(&#8220;av-burger-overlay-active&#8221;);
animating = false;
return 0;
});

}
else
{
set_list_container_height();

var offsetTop = header_main.length ? header_main.outerHeight() + header_main.position().top : header.outerHeight() + header.position().top;

overlay.appendTo($(e.target).parents(&#8216;.avia-menu&#8217;));

burger_ul.css({padding:( offsetTop ) + &#8220;px 0px&#8221;});

first_level.removeClass(&#8216;av-active-burger-items&#8217;);

burger.addClass(&#8220;is-active&#8221;);
htmlEL.addClass(&#8220;av-burger-overlay-active&#8221;);
overlay.css({display:&#8217;block&#8217;});
overlay.css(&#8216;opacity&#8217;, function()
{
animating = false;
return 1;
});

setTimeout(function()
{
htmlEL.addClass(&#8220;av-burger-overlay-active-delayed&#8221;);

}, 100);

first_level.each(function(i)
{
var _self = $(this);
setTimeout(function()
{
_self.addClass(&#8216;av-active-burger-items&#8217;);
}, (i + 1) * 125);
});

}

e.preventDefault();
});

}
})( jQuery );</ul>
</li>