Перетаскивание слайдеров мышкой

Дали задание сделать на чистом JS (в основном плагинами jQuery пользовался).

Есть несколько section. Подскажите, как сделать перетаскивание мышкой по примеру (http://www.badassembly.com/ вверх-вниз).

<container>
    <section id="f1" name="About us">контент</section>
    <section id="f2" name="About us">контент</section>
    <section id="f3" name="About us">контент</section>
</container>

Понятно, что нужно сначала определить клик мыши:

addEventListener("mousedown", function(event) {
 event.preventDefault();
});

А вот как сделать перетаскивание мышкой и именно менять высоту контейнера - непонятно.

container.style.top = -500;

Нужно именно отследить при крике, не отпуская вертикальное положение мыши, что курсор сдвинулся вниз, например, на 10px, или вниз, или вверх.