var hideLiTimer;
var hideDropTimer;
var nonTopNavTimer;

// START DOCUMENT READY
$(document).ready(function() {

    // START DROP NAV
    $('.top-nav li').mouseenter(function() {
        clearTimers();
        $('.drop-nav').hide();

        $('a.selected').removeClass("selected");
        $(this).find("a").addClass("selected");

        // what was rolled over?
        var triggerid = $(this).attr("id");
        var itemToShowid = triggerid.replace("trigger", "drop");
        $('#' + itemToShowid).show();

    });

    $('.drop-nav').mouseenter(function() {
        clearTimers();
    });

    $('.drop-nav').mouseleave(function() {
        hideDropTimer = setTimeout(function() { hideDropdowns() }, 300);
    });

    $('.top-nav li').mouseleave(function() {
        hideLiTimer = setTimeout(function() { hideDropdowns() }, 300);
    });
    // END DROP NAV

});
// END DOCUMENT READY

// START DROP NAV FUNCTION
function hideDropdowns() {
    $('.drop-nav').hide();
    $('a.selected').removeClass("selected");
}
// END DROP NAV FUNCTION

// START CLEAR TIMERS FUNCTION
function clearTimers() {
    clearTimeout(hideLiTimer);
    clearTimeout(hideDropTimer);
    clearTimeout(nonTopNavTimer);
}
// END CLEAR TIMERS FUNCTION