jQuery прокручивает до div при наведении курсора и возвращается к первому элементу

У меня в основном есть div с заданными размерами и overflow: hidden . Этот div содержит 7 дочерних div (но показывает только по одному), которые я хотел бы плавно прокручивать по вертикали при наведении курсора на соответствующие ссылки.

Однако первый раздел (div) не имеет ссылки и является разделом по умолчанию, когда никакая ссылка не наведена.

Взгляните на этот jsFiddle, чтобы увидеть базовую структуру того, о чем я говорю: http://jsfiddle.net/YWnzc/

Я пытался сделать это с помощью jQuery scrollTo, но не могу не смог заставить его работать.

Любая помощь будет принята с благодарностью. Спасибо.