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

var lev1_on = "#6c6c6c";
var lev1_off = "#ffffff";
var lev1_bgcolor_off = "transparent";
var lev1_bgcolor_on = "#6c6c6c";

function menu_open() {
    menu_canceltimer();
    menu_close();

    // cambio tutti i lev1 col colore originale
    $(this).find('.firstitem').css('color', lev1_off);
    
    $(this).find('.firstitem').css('background', lev1_bgcolor_on);
    $(this).find('.firstitem').css('color', lev1_on);

    $(this).find('.firstitem,.top_on').css('color', lev1_off);

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

}

function menu_close() {
    // restore cambio background
    //$('#menu > li').css('background', lev1_bgcolor_off);
    //$('#menu > li').css('color', lev1_off);

    // restore di tutti i lev1
    
//    $('.firstitem').css('color', lev1_off);
//    $('.firstitem.top_on').css('color', lev1_on);

//    $('.firstitem').css('background', lev1_bgcolor_off);
//    $('.firstitem.top_on').css('background', lev1_bgcolor_off);

     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;
    } 
}

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

    menu_close();
});

 document.onclick = menu_close;