$(function(){
    var _uuid    = 0;
    var _visible = {};

    $("#header .navigation .item").each(function(){
        $(this).data("uuid", _uuid++);
    })

    function show(item){
        var uuid = item.data('uuid').toString();
        _visible[uuid] = true;

        item.addClass("hover").find(".subnav").show();
    }

    function hide(item){
        var uuid = item.data('uuid').toString();

        if ( ! _visible[uuid] ){
            item.removeClass("hover").find(".subnav").hide();
        }
    }

    $("#header .navigation .item").mouseover(function(){
        show( $(this) );
    })

    $("#header .navigation .item").mouseout(function(){
        var item = $(this);
        var uuid = item.data('uuid').toString();
        _visible[uuid] = false;

        setTimeout(function(){
            hide(item);
        }, 1);
    })
})