//Нафигачим менюшку, поехали!
$(document).ready(function() {
    $('ul#horizontal-multilevel-menu li, ul#horizontal-multilevel-menu li li, ul#horizontal-multilevel-menu li li li').hover(
    function() {
        $(this).addClass(' jshover');
        $(this).find('ul:first').dropShadow({left: 4, top: 4, blur: 2, opacity: 0.5, color: "gray"});
    },
    function() {
        $(this).removeClass(' jshover');
        $(this).find('ul:first').removeShadow();
    }
    ),
    //Функция определяет с какой стороны будет вываливаться меню
    $('ul ul ul li').hover(
    function() {
        var offsetClassName = 'offset-left'; //название CSS класса
        var $ulObject = $(this).find('ul:first'); //первый вложенный UL
        var offset = $(this).offset(); //позиция текущего LI
        //при определении того, что меню не влезает, присваивает класс
        var nameClass = (offset.left + $(this).width() + $ulObject.width() >= $(window).width()) ? offsetClassName : '';
        //проверка на случай если нужно уже убрать класс
        (nameClass != '') ? $ulObject.addClass(nameClass) : $ulObject.removeClass(offsetClassName);
        $(this).find('ul:first').redrawShadow();
    },
    function() {

    }
    );

});

