// JavaScript Document
var timeout    = 500;
var closetimer = 0;
var ddmenuitem = 0;

function nav_open() {
  // verifico se l'elemento contiene una sotto-menu (tendina)
  if ($(this).children('ul').length > 0) {
    // in caso affermativo stoppo il timer di chiusura
    nav_stoptimer();
    // identifico la tendina
    ddmenuitem = $(this).children('ul');
    // se non è visibile...
    if (ddmenuitem.is(':hidden')) {
      // chiudo tutto
      nav_closeall();
      // apro la tendina interessata con il metodo slideDown()
      ddmenuitem.css('visibility','visible').slideDown();
    }
  // se non c'è una tendina d'aprire...
  }else{
    // chiudo tutto
    nav_closeall();
    ddmenuitem = 0;
  }
}

// questa funzione chiude tutte le tendine eventualmente aperte
function nav_closeall() {
  $('#nav li ul').css('visibility','hidden').hide();
}

function nav_close() {
  if (ddmenuitem) {
    ddmenuitem.css('visibility','hidden').hide();
    ddmenuitem = 0;
  }
}

// imposto un timer per la chiusura
function nav_timer() {
  if (ddmenuitem) closetimer = window.setTimeout(nav_close, timeout);
}

// stoppo l'esecuzione del timer di chiusura
function nav_stoptimer() {
  if (closetimer) {
    window.clearTimeout(closetimer);
    closetimer = 0;
  }
}

// al caricamento del DOM
$(document).ready(function(){
  // intercetto gli eventi mouseover e mouseout sulle voci di menu
  $('#nav > li').bind('mouseover', nav_open);
  $('#nav > li').bind('mouseout',  nav_timer);



});

// se clicco sul documento chiudo tutto
document.onclick =nav_closeall();