Доработка скрипта вертикального Mega Menu CSS JQeury

Доработка скрипта вертикального Mega Menu CSS JQeury
12 марта 2013 г.
Переработка скрипта Mega Menu CSS JQeury и подкkючение его к Diafan( не обязательно).


Есть готовый скрипт вертикального MegaMenu ( http://www.designchemical.com/lab/jquery-vertical-mega-menu-plugin/examples/ Example_1)


Надо его доработать:

1) Сделать так же как сделан каталог товаров на tomtop.com или dns-shop.ru. То есть вертикальный блок из 8-10 пунктов меню первого уровня. При наезде на пункт меню первого уровня выезжает вправо DIV со всеми подпунктами второго и третьего уровня.
В этом DIV-е подпункты второго уровня должны располагаться сразу после окончания подпунктов третьего уровня у предыдущего пункта второго уровня, а не быть привязаны строго к ячейка 1-2-3-4-5 колоночной таблицы как в оригинале.( это первая - основная доработка)

2) Сделать возможность работы с 4-х уровневым меню ( счас 3 уровня максимально.): Если есть пункты 4го уровня они должны выпадать справа ( или слева – если на краю находимся) от пункта родителя ( третьего уровня) Это вторая доработка

Сами пункты меню дб сделаны в виде стандартного li списка


3) Ну и все это желательно встроить в diafan - хотя не обязательно, так как это не сложная задача.
Прикреплённые файлы: