resalte los puntos de navegación mientras se desplaza hacia abajo en la página

Intentaré explicar esto :) Tengo una navegación que se desplaza a diferentes anclajes en la página. Cuando el usuario está en uno de los anclajes, la navegación muestra un enlace activo.

Ahora creo que un buen efecto sería si el usuario, por ejemplo, esté en la parte superior de la página, haga clic en el enlace que nos mueve a la parte inferior de la página y mientras se desplaza hacia abajo, todos los enlaces se resaltarán cuando aparezca pasar pasar por Como un semáforo.

Tengo este Jquery por el momento, pero es solo agregar / eliminar clases en el enlace en el que se hizo clic. ¿Alguna idea sobre cómo debo seguir?

$(document).ready(function($){
    $('a').click(function(){
        $('html, body').animate({
            scrollTop: $( $.attr(this, 'href') ).offset().top
        }, 500);
        return false;
    });

        $('.navigation ul li a').click(function () {
        $('.navigation ul li a').removeClass('active');
            $(this).addClass('active');
    });   
});

También creé unJSfiddle

Respuestas a la pregunta(1)

Su respuesta a la pregunta