var $level2Nav, panelTimer;

$(window).load(function()
{
    $level2Nav = $('ul.navl2');

    $level2Nav.delegate('li.children', 'mouseenter', showPanel);

    $level2Nav.delegate('li.children', 'mouseleave', hidePanel);

    $('li.children>a, li.active>a').click(function()
    {
    	return false;
    });
});


function showPanel(e)
{
    clearTimeout(panelTimer);

    var $panel = $(e.target).closest('li.children');

    panelTimer = setTimeout(function()
    {
        $level2Nav.children('li.hover').not($panel).removeClass('hover')
                                       .children('ul.navl3').hide();

        $panel.addClass('hover')
              .children('ul.navl3').slideDown(200);
    }, 300);
}

function hidePanel(e)
{
    clearTimeout(panelTimer);

    panelTimer = setTimeout(function()
    {
        $level2Nav.children('li.hover').removeClass('hover')
                                       .children('ul.navl3').fadeOut(200);
    }, 500);
}