﻿var timeout = 500;
var cleartimeout = 0;
var menuitem = 0;

function DropDownMenuOpen() 
{
    DropDownMenuClearTimeout();
    DropDownMenuClose();
    menuitem = $(this).find("ul").eq(0).css("visibility", "visible");
}

function DropDownMenuClose() 
{
    if (menuitem) menuitem.css("visibility", "hidden");
}

function DropDownMenuSetTimer() 
{
    cleartimeout = window.setTimeout(DropDownMenuClose, timeout);
}

function DropDownMenuClearTimeout() 
{
    if (cleartimeout) 
    {
        window.clearTimeout(cleartimeout);
        cleartimeout = null;
    }
}

$(document).ready(function() 
{
    $("#DropDownMenu > li").bind("mouseover", DropDownMenuOpen);
    $("#DropDownMenu > li").bind("mouseout", DropDownMenuSetTimer);
});

document.onclick = DropDownMenuClose;
