// javascript for the join submenu

$(document).ready( init_submenus );

function init_submenus(){
    //console.log("init_submenus");

    // show and hide, because starts with a display:none we need to zap
    $('#block-menu-menu-join-submenu').show();
    $('#block-menu-menu-research-submenu').show();
    $('#block-menu-menu-events-submenu').show();
    $('#block-menu-menu-join-submenu').hide();
    $('#block-menu-menu-research-submenu').hide();
    $('#block-menu-menu-events-submenu').hide();

    // extract the submenu from footer and connect to page
    var join_submenu = $('#block-menu-menu-join-submenu').remove();
    // needs to be attached to parent of main area for z-index to work right on IE
    $('#page').append( join_submenu );
    
    var research_submenu = $('#block-menu-menu-research-submenu').remove();
    $('#page').append( research_submenu );
    var events_submenu = $('#block-menu-menu-events-submenu').remove();
    $('#page').append( events_submenu );
    
    // position the menus under their respective parents
    $('#block-menu-menu-join-submenu').css( {top:232, left:163} );
    $('#block-menu-menu-research-submenu').css( {top:232, left:305} );
    $('#block-menu-menu-events-submenu').css( {top:232, left:448} );
    
    // bind the join menu to showing the submenu
    $('li.menu-144').hover( show_join, hide_join );   
    $('#block-menu-menu-join-submenu').hover( show_join, hide_join );
    $('li.menu-145').hover( show_research, hide_research );   
    $('#block-menu-menu-research-submenu').hover( show_research, hide_research );
    $('li.menu-146').hover( show_events, hide_events );   
    $('#block-menu-menu-events-submenu').hover( show_events, hide_events );
}


// callbacks to show and hide the menus
function show_join(){
    // clear any running hide timeout 
    clearTimeout( window.hide_join );
    $('#block-menu-menu-join-submenu').show();
}
function hide_join(){
    // start a timeout for hiding the join submenu to prevent flicker
    window.hide_join = setTimeout( function(){
         $('#block-menu-menu-join-submenu').hide();
    }, 100 );
}
function show_research(){
    clearTimeout( window.hide_research );
    $('#block-menu-menu-research-submenu').show();
}
function hide_research(){
    window.hide_research = setTimeout( function(){
         $('#block-menu-menu-research-submenu').hide();
    }, 100 );
}
function show_events(){
    clearTimeout( window.hide_events );
    $('#block-menu-menu-events-submenu').show();
}
function hide_events(){
    window.hide_events = setTimeout( function(){
         $('#block-menu-menu-events-submenu').hide();
    }, 100 );
}