$(document).ready(function(){
  $('#stars_img').mouseenter(function(event){
    $('#stars_popup').fadeIn(800);
  });
  $('#stars_img').mouseleave(function(event){
    $('#stars_popup').fadeOut(800);
  });
  $('#navi_site').mouseenter(function(event){
      clearTimeout($('#navi_content').data('timeOut'));
    if (!$('#navi_content').is(':visible')) {
      $('#navi_content').fadeIn(200);
    }
  });
  $('#navi_site').mouseleave(function(event){
    if ($('#navi_content').is(':visible')) {
      var timeOut = setTimeout(function(){$('#navi_content').fadeOut(200);}, 650);
      $('#navi_content').data('timeOut', timeOut);
    }
  });
  $('#navi_content').mouseenter(function(){
      clearTimeout($('#navi_content').data('timeOut'));
  });
  $('#navi_content').mouseleave(function(event){
    var timeOut = setTimeout(function(){$('#navi_content').fadeOut(200);}, 650);
    $('#navi_content').data('timeOut', timeOut);
  });
});