var subMenuQuadras = document.getElementById("subMenuQuadras");
var linkQuadras = document.getElementById("linkQuadras");
var tempoMenuQuadrasAberto=0;
var intervaloQuadra = null;

subMenuQuadras.onmouseover=linkQuadras.onmouseover = function()
{
    abrirMenuQuadra();
}

subMenuQuadras.onmouseout=linkQuadras.onmouseout = function()
{
    fecharMenuQuadra();
}
function abrirMenuQuadra()
{
    if(intervaloQuadra != null)
        clearInterval(intervaloQuadra);
    tempoMenuQuadrasAberto = 0.2;
    subMenuQuadras.style.display = "block";
}
function fecharMenuQuadra()
{
    if(intervaloQuadra != null)
        clearInterval(intervaloQuadra);
    
    if(tempoMenuQuadrasAberto > 0)
    {
        tempoMenuQuadrasAberto--;
        intervaloQuadra = setInterval(fecharMenuQuadra, 1000);
    }
    else
    {
        subMenuQuadras.style.display = "none";
        clearInterval(intervaloQuadra);
    }
}