j$(function(){
  var index,texts,nam,t,l,tp = j$(".tip"),bd = j$("body"),spd = 200,op_01 = {"opacity":0},op_02 = {"opacity":0.9},out = {"top":-9999};

  function hover(nam,ele,atr,t,l){
	appSt(nam);
	var a = "."+nam+" "+ele,st = j$("p.tip."+nam);
	j$(a).hover(
	  function(){index = j$(a).index(this);onOver(a,st,atr,t,l);},
	  function(){st.animate(op_01,spd,function(){st.css(out)});});
  }
  function onOver(a,st,atr,t,l){
	texts = j$(a+":eq("+index+")").attr(atr);
	st.stop(true, false).animate(op_02,spd).text(texts);
	j$(a).mousemove(function(e){st.css({"top":e.pageY-t,"left":e.pageX-l});})
  }
  function appSt(nam){bd.prepend("<p class='tip "+nam+"'></p>");tp.css(op_01);}
  
  hover("t_01","a","name",120,0);
});