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

var lev1_on = "#5789a0";
var lev1_off = "#EAFFED";
var lev1_bg_off = "url(/images/interface/blank.gif)";
var lev1_bg_on = "url(/images/interface/bg_menu.gif)";

function menu_open() {
    menu_canceltimer();
    menu_close();
    // cambio background
    $(this).css('background-image', lev1_bg_on);
    // cambio tutti i lev1 col colore originale
    $('.lev1').css('color', lev1_off);
    $('.lev1.on').css('color', lev1_on);
    // Coloro il lev1 di riferimeno 
    $(this).find('.lev1').css('color', lev1_on);

    ddmenuitem = $(this).find('ul').css('visibility', 'visible');

}

function menu_close() {
    // restore cambio background
    $('#menu > li').css('background-image', lev1_bg_off);
    // restore di tutti i lev1
    $('.lev1').css('color', lev1_off);
    $('.lev1.on').css('color', lev1_on);

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

function menu_timer()
{ closetimer = window.setTimeout(menu_close, timeout); }

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

$(document).ready(function() {
    $('#menu > li').bind('mouseover', menu_open)
    $('#menu > li').bind('mouseout', menu_timer)
});

document.onclick = menu_close;