/** 
 * Скрипт управления выпадающего подменю 3 уровня
 *
 * @copyright © ООО «Стандартные Технологии», 2008.12.12
 * @author Дорошенко Евгений, Аносов Павел
 */

$(document).ready
(
    function()
    {
        //Коолекция всех элементов меню 2 уровня
        $('ul.pageMenu > li').each
        (
            function()
            {
                //Рядом с элементов меню следующим узлом лежит его подменю.<li></li><ul class="submenu"></ul>. Переносим подменю (ul) в li
                $(this).append($(this).next('ul'));
                //IE любой версии думает иначе. Он сам фтыкает методом фтыка уль в ли. Это нас не напрягает ни разу, т.к. мы так и хотели.
                
                //Вешаем овер: скрываем показанные подменю, показываем только текущее
                $(this).mouseover
                (
                    function ()
                    {
                        $('ul.submenu > ul.submenu.displayedSubmenu').removeClass('displayedSubmenu');
                        $(this).children('ul').addClass('displayedSubmenu');
                    }
                );
                
                //Вешаем аут: скрываем текущее подменю
                $(this).mouseout
                (
                    function ()
                    {
                        $(this).children('ul').removeClass('displayedSubmenu');
                    }
                );
            }
        );
    }
);

//Всем спасибо, все свободны