var timeout = 500;
var closetimer = 0;
var ddmenuitem = 0;

function mainmenu_open() {
    mainmenu_canceltimer();
    mainmenu_close();
    ddmenuitem = $(this).find('ul').css('visibility', 'visible');
}

function mainmenu_close()
{ if (ddmenuitem) ddmenuitem.css('visibility', 'hidden'); }

function mainmenu_timer()
{ closetimer = window.setTimeout(mainmenu_close, timeout); }

function mainmenu_canceltimer() {
    if (closetimer) {
        window.clearTimeout(closetimer);
        closetimer = null;
    } 
}

$(document).ready(function() {
    var dir = "/assets/images/menu/";
    $.preloadImages(dir + "mainmenu-bg-hover.png",
        dir + "mainmenu-bg-hover.png",
        dir + "mainmenu-bg-left-hover.png",
        dir + "mainmenu-bg-right-hover.png",
        dir + "menu-bg-bottom-hover.png",
        dir + "menu-bg-hover.png",
        dir + "menu-bg-medium-bottom-hover.png",
        dir + "mainmenu-bg-right-hover.png"
        );

    $('#mainmenu > ul > li').bind('mouseover', mainmenu_open)
    $('#mainmenu > ul > li').bind('mouseout', mainmenu_timer)
});

document.onclick = mainmenu_close;