var selector = { };
var states   = { };

window.addEventListener('DOMContentLoaded', function() {
    
    // init elements
    
    states.mobileMenu       = 'closed';
    states.lngMenu          = 'closed';
    
    selector.lngMobile      = document.getElementById('nav-lngmobile');
    selector.lngMobileBtn   = document.getElementById('nav-lngbtn');
    selector.menuMobileBtn  = document.getElementById('nav-btn');
    selector.menuMobile     = document.getElementById('nav-mobile');
    
    var mainElement         = document.getElementById('main');
    var navElement          = document.getElementById('nav');
    var homeMenuBtn         = document.getElementById('btn_menu_home');
    var productMenuBtn      = document.getElementById('btn_menu_product');
    var menuMobileEle       = document.getElementById('nav-mobile');
    var menuMobileBtn       = document.getElementById('nav-btn');
    var menuMobileSt        = 'closed';
    var clsOpenItem         = 'list__item--open';
    
    // init page
    if(mainElement){
        var height  = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
        mainElement.style.height = height+'px';
    }
    
    // init nav
    if(window.pageYOffset > 0)
        setNavSmall(navElement);
        
    setTimeout(function(){
        navElement.classList.add('nav--animation');
    },300);
    
    
    // init event sroll
    window.addEventListener("scroll", function(e) {
        
        // nav
        if(window.pageYOffset === 0){
            setNavBig(nav);
        } else {
            setNavSmall(nav);
        }
        
    });
    if(selector.menuMobileBtn){
        
        selector.menuMobileBtn.addEventListener('click',function(e){
        
            e.preventDefault()
            e.stopPropagation();
            
            if(states.mobileMenu === 'closed'){
                
                closeLngMobile();
                openMenuMobile();
                return;
            }
            
            closeMenuMobile();

        });

    }
    
    // click on lng menu
    if(selector.lngMobileBtn){
        
        selector.lngMobileBtn.addEventListener('click',function(e){
        
            e.preventDefault()
            e.stopPropagation();
            
            if(states.lngMenu === 'closed'){
            
                closeMenuMobile();
                openLngMobile();
                return;
            }
            
            closeLngMobile();
        
        });
        
    }

}, true);

function setNavSmall(nav){

    if(!nav)
        return false;
        
    nav.classList.add('nav--small');
    
    return true;
}

function setNavBig(nav){

    if(!nav)
        return false;
        
    nav.classList.remove('nav--small');
    
    return true;
}

function scrollToEnd(){
    
    var pageHeight = (document.height !== undefined) ? document.height : document.body.offsetHeight;
    window.scrollTo(0,pageHeight);
    
    return true;
}

function closeMenuMobile(){

    selector.menuMobile.style.display = 'none';
    selector.menuMobileBtn.classList.remove('nav__menubtn--closed');
    states.mobileMenu = 'closed';

};

function openMenuMobile(){
    
    selector.menuMobile.style.display = 'block';
    selector.menuMobileBtn.classList.add('nav__menubtn--closed');
    states.mobileMenu = 'open';
    
};

function closeLngMobile(){

    selector.lngMobile.style.display = 'none';
    states.lngMenu = 'closed';

};

function openLngMobile(){

    selector.lngMobile.style.display = 'block';
    states.lngMenu = 'open';

};