var speed_in = 50;
var speed_out = 150;


$(document).ready(function () {
    associateCoHover('#menu-1', '#tab-novinky');
    associateCoHover('#menu-2', '#tab-myslim_ze');
    associateCoHover('#menu-3', '#tab-moderator');
    associateCoHover('#menu-4', '#tab-spisovatel');
    associateCoHover('#menu-5', '#tab-media');
    associateCoHover('#menu-6', '#tab-video');
    associateCoHover('#menu-7', '#tab-galerie');
    associateCoHover('#menu-8', '#tab-odkazy');
    associateCoHover('#menu-9', '#tab-kontakt');


    $('.z-tab:not(.sel)').hover(
    function() {
        z_in($(this));
    },
    function () {
        z_out($(this));
    });

    $('#menu .mitem:not(.sel)').hover(function() {
        m_in($(this));
    }, function() {
        m_out($(this));
    });
});

function associateCoHover(menuitem, tabitem) {
    $(menuitem).hover(function() {
        z_in($(tabitem+':not(.sel)'));
    }, function() {
        z_out($(tabitem+':not(.sel)'));
    });
    $(tabitem).hover(function() {
        m_in($(menuitem+':not(.sel)'));
    }, function() {
        m_out($(menuitem+':not(.sel)'));
    });
}

function m_in(what) {
    what.animate({top: '0px'}, speed_in);
}

function m_out(what) {
    what.animate({top: '7px'}, speed_out);
}

function z_in(what) {
    what.animate({width: "35px"}, speed_in);
}

function z_out(what) {
    what.animate({width: "27px"}, speed_out);
}
