$(document).ready(function(){
    $('#titletext').fadeIn(2000);
  
    $('.submenu_container').hover(
      function(){
        var id = $(this).attr('id');
        var btn = '#' + id + '_btn';
        var path = '/img/' + id + '_over.png';
        $(btn).attr('src', path);

        var submenu = '#submenu_' + id;
        var left = $('#menutable').position().left - 20;
        var top = $('#menutable').position().top + 30;
        var width = $('#menutable').width() + 40;
        $(submenu).css('left', left);
        $(submenu).css('top', top);
        $(submenu).css('width', width);
        $(submenu).show();
      },
      function(){
        var id = $(this).attr('id');
        var btn = '#' + id + '_btn';
        var path = '/img/' + id + '.png';
        $(btn).attr('src', path);

        var submenu = '#submenu_' + id;
        $(submenu).hide();
      }
    );
  }
);