$(function(){
  $("*[rel=tooltip]").hover(function(e){
    $("body").append('<div class="tooltip">'+$(this).attr('alt')+'</div>');
    $('.tooltip').css({
      top : e.pageY - 20,
      left : e.pageX + 10
    }).fadeIn();
        
  }, function(){
    $('.tooltip').remove();
  }).mousemove(function(e){
    $('.tooltip').css({
      top : e.pageY - 50,
      left : e.pageX + 10
    })
  })
  
  $("*[rel=tooltip_horario]").hover(function(e){
    $("body").append('<div class="tooltip_horario">'+$(this).attr('alt')+'</div>');
    $('.tooltip_horario').css({
      top : e.pageY - 220,
      left : e.pageX + 10
    }).fadeIn();
        
  }, function(){
    $('.tooltip_horario').remove();
  }).mousemove(function(e){
    $('.tooltip_horario').css({
      top : e.pageY - 220,
      left : e.pageX + 10
    })
  })
});