Sidenavigation, который выделяет какую часть страницы просматривается

Итак, вот что я сделал для вас. Я сделал много слайдов и с их высотой знаю, когда пользователь меняет слайд. Когда он это делает, я .current класс .current и я помещаю его в следующий li. На данный момент он работает только при прокрутке вниз, но с некоторой настройкой вы можете легко сделать что-то, пока пользователь прокручивает вверх.

Здесь скрипка

Мой Javascript выглядит так:

$(document).scroll(function() {
    if($(window).scrollTop() > $('.slide').height()*$('.current').index()){
        $('.current').removeClass('current');
        var newSlide = Math.floor($(window).scrollTop() / $('.slide').height());
        $('.navigation li:eq('+newSlide+')').addClass('current');
    }
});