$(document).ready(function() {
  $("A.slide").click( function(){ $(this).next("DIV.slide").slideToggle(); return false; } );
  
  $("A.note").click(function(){ return false; }).mouseover( function(){ $(this).next("DIV.note").fadeIn(); } ).mouseout( function(){ $(this).next("DIV.note").fadeOut(); } );
  $("A.pop[rel]").hover(
    function(){
      var top = $(this).offset().top -40 ;
      var left = $(this).offset().left ;
      $('<div class="pop"><span>'+$(this).attr('rel')+'</span></div>').insertAfter( $(this) ).css( { top: top + 'px', left: left + 'px' }).fadeIn();
    },
    function(){ $(this).next("DIV.pop").fadeOut('slow', function(){ $(this).remove(); }) }
  );
});