$(function(){
  $('#menu1').mouseover(function(){
    $('#submenu1').css({'display':'block'},{'top':'35px'},{'left':'0'});
  })
  .mouseout(function(event){
    $('#submenu1').css({'display':'none'});   
    event.stopPropagation();
  });
  $('#menu2').mouseover(function(){
    $('#submenu2').css({'display':'block'},{'top':'35px'},{'left':'0'});
  })
  .mouseout(function(event){
    $('#submenu2').css({'display':'none'}); 
    event.stopPropagation();
  });
  $('#menu3').mouseover(function(){
    $('#submenu3').css({'display':'block'},{'top':'35px'},{'left':'0'});
  })
  .mouseout(function(event){
    $('#submenu3').css({'display':'none'}); 
    event.stopPropagation();
  });
  $('#menu4').mouseover(function(){
    $('#submenu4').css({'display':'block'},{'top':'35px'},{'left':'0'});
  })
  .mouseout(function(event){
    $('#submenu4').css({'display':'none'}); 
    event.stopPropagation();
  });
  $('#menu5').mouseover(function(){
    $('#submenu5').css({'display':'block'},{'top':'35px'},{'right':'0'});
  })
  .mouseout(function(event){
    $('#submenu5').css({'display':'none'}); 
    event.stopPropagation();
  });
  $('#menu6').mouseover(function(){
    $('#submenu6').css({'display':'block'},{'top':'35px'},{'right':'0'});
  })
  .mouseout(function(event){
    $('#submenu6').css({'display':'none'}); 
    event.stopPropagation();
  });
  $('#menu7').mouseover(function(){
    $('#submenu7').css({'display':'block'},{'top':'35px'},{'right':'0'});
  })
  .mouseout(function(event){
    $('#submenu7').css({'display':'none'}); 
    event.stopPropagation();
  });
});