var outTimeout = null;


function gebi(id) {
    return document.getElementById(id);
}

function showMenu(menuId) {
    clearTimeout(outTimeout);
    var items = $('menu').getElementsByClassName('item');

    for (var i = 0; i < items.length; i++) {
        var menu = items[i];
        var subMenu = menu.getElementsByTagName('ul')[0];
        var link = menu.getElementsByTagName('a')[0];

        if (menu.id == menuId) {
            subMenu.style.display = 'block';
            link.className = link.className + ' over';
        } else {
            subMenu.style.display = 'none';
            link.className = link.className.replace(' over', '');
        }
    }
    ;
}

function init() {

    var items = $('menu').getElementsByClassName('item');
    if (document.hasPrototype) {
        for (var i = 0; i < items.length; i++) {
            var item = items[i];
            // Menu item over
            item.observe('mouseover', function() {
                showMenu(this.id)
            });

            // Menu item out
            item.observe('mouseout', function() {
                outTimeout = setTimeout('showMenu(null)', 500);
            });


        }
        ;
    } else {
        for (var i = 0; i < items.length; i++) {
            var item = items[i];
            // Menu item over
            item.addEvent('mouseover', function() {
                showMenu(this.id)
            });

            // Menu item out
            item.addEvent('mouseout', function() {
                outTimeout = setTimeout('showMenu(null)', 500);
            });

        }
    }
}