$(function() {
    // Menu
    var $menu = $('#main-menu > ul');
    $menu.accordion({
        alwaysOpen: false,
        active: false,
        autoHeight: false,
        clearStyle: true,
        selectedClass: 'active',
        changestart: function(e, ui) {
            ui.newHeader.closest('li').css('marginTop', 0);
            if (ui.oldHeader) {
                ui.oldHeader.removeClass('active').trigger('mouseleave').closest('li').animate({
                    'marginTop': '0'
                }, function() {
                    $(this).css('marginTop', '');
                });
            }    
            if (ui.newHeader) {
                ui.newHeader.addClass('active');
                ui.newHeader.closest('li').not('.first').animate({
                    'marginTop': '26px'
                });
            }            
        }
    });
});