Help about menu + submenu

Help about menu + submenu

Hi,
I'm tryimg to build a functional menu but I am new to jQuery. As you can see at http://www.innovaturizm.com/demo/ when move your mouse faster over the menus multiple submenus can show. I've written separate function for each menu image. I think must stop the showing menu while another menu is hover but I don't know how.

Code is below, thanks.

//special functions for sliding

$(document).ready(function() {
    ActivateX();

    $('#anasayfa').hover(
            function() {
                hideAll();
                $('#anasayfaMenu').show(500);
            },
            function() { });

    $('#hizmetlerimiz').hover(
            function() { hideAll(); $('#hizmetlerimizMenu').show(250); },
            function() { });

    $('#kurumsal').hover(
            function() { hideAll(); $('#kurumsalMenu').show(250); },
            function() { });

    $('#iletisim').hover(
            function() { hideAll(); $('#iletisimlMenu').show(250); },
            function() { });

    $('#ik').hover(
            function() { hideAll(); $('#ikMenu').show(250); },
            function() { });
});

function hideAll() {
    $('#anasayfaMenu').hide(0);
    $('#hizmetlerimizMenu').hide(0);
    $('#kurumsalMenu').hide(0);
    $('#iletisimlMenu').hide(0);
    $('#ikMenu').hide(0);
}

function ActivateX() {
    hideAll();
    //$('#' + def + 'Menu').show(0);
}