jQuery(function($){

    var scrollOffset = 108;


    $('#tab-menu li a').on('click', function(e){

        e.preventDefault();

        var target = $(this).attr('href');

        $('#tab-menu li').removeClass('on');
        $(this).parent().addClass('on');

        $('html, body').stop().animate({
            scrollTop: $(target).offset().top - scrollOffset
        }, 700);

    });

    $(window).on('scroll', function(){

        var scrollTop = $(window).scrollTop();
        var current = scrollTop + scrollOffset + 5;

        $('#tab-menu li').each(function(){

            var target = $(this).find('a').attr('href');

            if ($(target).length &&
                current >= $(target).offset().top) {

                $('#tab-menu li').removeClass('on');
                $(this).addClass('on');
            }

        });

    });

});