(function(){
    var hambButton, menuList, menuItemHasChildren;
    var isMenuOpen = false;
    hambButton = document.getElementById('hamburger-button');
    menuList = document.getElementById('site-navigation');
    menuItemHasChildren = document.getElementsByClassName('menu-item-has-children');
    test = document.getElementsByClassName('sub-menu');
    
    var mobileMenu =  function(){
        if(isMenuOpen == true){   
            menuList.classList.remove('toggled');
            hambButton.classList.remove("rotate");
            document.getElementsByTagName('body')[0].style.overflow = "initial";
            for(var i=0; i<test.length;i++){
                test[i].classList.remove('sub-menu-active');
            }
            isMenuOpen = false;
        }else{
            hambButton.classList.add("rotate");
            menuList.classList.add('toggled');
            document.getElementsByTagName('body')[0].style.overflow = "hidden";
            isMenuOpen = true;
        }
    };

    hambButton.onclick = function(evt){
       evt.preventDefault();
        mobileMenu();
    };

    var mobileSubMenu = function(evt) {
        if(isMenuOpen == true){
            evt.target.nextElementSibling.classList.toggle('sub-menu-active');
        }
    }

    for (var i = 0; i<menuItemHasChildren.length;i++){
        menuItemHasChildren[i].firstElementChild.onclick = function(evt){
            evt.preventDefault();
            mobileSubMenu(evt);
        }
    }
    



})();