初始导航悬停状态与JQuery无法正常显示？

Question

我的网站上未突出显示初始导航状态： http://nothingness.co 首次加载时，应突出显示左侧的顶部按钮 我花了2个小时试图操纵jquery但没有成功。 有什么想法吗？

这是我的代码：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
    $(document).ready(function(){
        resizeDiv();
        $("body").fadeIn(2000);
    }); 
    window.onresize = function(event) {
        resizeDiv();
    }
    function resizeDiv() {
        vph = $(window).height();
        vpw = $(window).width();
        $('.wrapper').css({'height': vph + 'px'});
        $('.wrapper').css({'width': vpw + 'px'});
    }


    $(function() {
        $('a[href*=#]:not([href=#])').click(function() {
            if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
                var target = $( this.hash );
                    target = target.length ? target : $( '[name=' + this.hash.slice( 1 ) +']' );
                if ( target.length ) {
                    $( 'html,body' ).animate( { scrollTop: target.offset( ).top }, 1000);
                    return false;
                }
            }
        });
    });


    $(document).ready(function($){
    var parPosition = [];
    $('.par').each(function() {
        parPosition.push($(this).offset().top);
    });
    $(document).on('scroll', function() {
        var position = $(document).scrollTop(),index;
        for (var i=0; i<parPosition.length; i++) {
            if (position <= parPosition[i]) {
                index = i;
                break;
            }
        }
        $('.inner')
           .removeClass('active')
           .eq(index)
           .addClass('active');
        }); 
        $('.inner').click(function () {
            $('.inner').removeClass('active');
            $(this).addClass('active');
        });   
    });
</script>