$(document).ready(function(){
    $('.link').mouseover(function(e){
            window.menu = this.id;
            var mChildMenu = this.id.substr(0, this.id.indexOf('_')) + '_submenu';
            var mLeft = $(this).offset().left;
            $('#'+mChildMenu).css({'left': mLeft+'px', 'z-index': '1999'}).slideDown().show();
        }).mouseout(function(e){
            var mChildMenu = this.id.substr(0, this.id.indexOf('_')) + '_submenu';
            setTimeout("hideSubNav('"+mChildMenu+"')", 300);
            window.menu = false;
        });
    $('.submenu').hide().mouseenter(function(e){
            window.submenu = this.id;
        }).mouseleave(function(e){
            window.submenu = false;
            setTimeout("hideSubNav('"+this.id+"')", 300);
        });
});
//when mouseover, slide the menu down. also flip a
function hideSubNav(id){
    var mParentLink = id.substr(0, id.indexOf('_')) + '_link';
    if(window.submenu != id && window.menu != mParentLink){
        $('#'+id).css({'z-index':'1998'}).slideUp().hide();
        window.submenu = false;
    }
}