$(document).ready(function() {

    //main menu

    var config = {
        over: function() { }, // function = onMouseOver callback (REQUIRED)    
        timeout: 750, // number = milliseconds delay before onMouseOut    
        out: hideMenu // function = onMouseOut callback (REQUIRED)
    };

    var tops = new Object();

    function hideMenu() {

        var ul = $(this);

        if (ul.is('ul') && ul.hasClass('up')) {

            ul.toggleClass('up');
            var delta = tops[ul.attr('class')];

            ul.animate({ "top": "+=" + delta + "px" }, 1000);
        }
    }

    $('.menu ul li').click(function() {

        var ul = $(this).parent();

        if (ul.is('ul') && !ul.hasClass('up')) {
            var delta = tops[ul.attr('class')];
            if (!delta) {
                var ctop = ul.css('top');
                var currenttop = parseInt(ctop.substring(0, 2));
                delta = ul.height() - (ul.outerHeight(true) - ul.outerHeight()) - currenttop;
                tops[ul.attr('class')] = delta;
            }

            ul.animate({ "top": "-=" + delta + "px" }, 1000);
            ul.toggleClass('up');
        }
    });

    $('.menu ul').hoverIntent(config);
});