Настроить выпадающее меню

Есть многоуровневое меню, пример во вложении

Нужно сделать так, чтобы выпадающие подменю не скрывались за границами окна браузера внизу, по возможности. Учитываем, что положение меню на странице будет разным, в зависимости от скроллинга.

Если подменю по высоте больше, чем окно браузера, то поднимаем его вверх максимально, а нижняя часть пусть скрывается за окном браузера внизу.

Структура и оформление меню останется таким же, как сейчас.

Не знаю, как это делается, javascript наерное, я думаю, что нужно при необходимости динамически при наведении курсора мыши на пункт меню добавлять margin-top: -xxxPx к вложенному списку. Или еще как.

Срок? Цена?