$(document).ready( function() {
  $(".nav-link").hover(
    function() { $('#'+this.id+'-img').attr('src', '/images/'+this.id+'-hover.gif'); },
    function() { $('#'+this.id+'-img').attr('src', '/images/'+this.id+'.gif'); }
  );
  $(".nav-item").hover(
    function() { $('#'+this.id+'-sub').css('display', 'block'); },
    function() { $('#'+this.id+'-sub').css('display', 'none'); }
  );
} );