var timer = 0;
function animate_me() {
    $('#sub-menu-container').stop().animate({top: '50'}, 500); 
}
$(function(){
    $("#top-bar .image-link").hover(function(){
        timer = setTimeout("animate_me()", 300); // start timer when mouse is moved in
    }, function() {
        clearTimeout(timer); // stop it if mouse is moved out
    });
});