$(document).ready(function(){

    $("#mobileMenu").append($("header .row2 .right ul").html());
    $("#mobileMenu li").last().remove();
    $("#mobileMenu").append($("header .row1 .right ul").html());

    $("#mobileMenuButton").on('click',function(){

        $("header").toggleClass("o");
        $(".lines-button").toggleClass("x");
        $("html").toggleClass("mo");

        if ($("header").hasClass("o"))
        {
            var r = document.querySelector(':root');
            r.style.setProperty('--header_mobile_menu_height', ($("header .mobileMenu")[0].scrollHeight + 15) + "px");
        }

        return false;
    });


    $.post("/_ajax/navHeight/handler.ashx?h=52&i=" + $(".mainContent nav li").length, function (d) {

        $("body").append(d);
    });


    $("nav a[href^='" + window.location.pathname + "']").addClass("selected");

    $(".mainContent nav .title").on('click', function () {

        $(".mainContent nav").toggleClass("open");

        return false;
    });
});


$.fn.isInViewport = function () {
    var elementTop = $(this).offset().top;
    var elementBottom = elementTop + $(this).outerHeight();
    var viewportTop = $(window).scrollTop();
    var viewportBottom = viewportTop + $(window).height();
    return elementBottom > viewportTop && elementTop < viewportBottom;
};