$(function(){
$('a[tooltip*=tooltip]').each(function(){
$(this).mouseover(function(){
var tooltip=$(this).attr('tooltip');
var left=$(this).position().left;
var top =$(this).position().top+20;
showTooltip(tooltip,left,top,true)
}
);
$(this).mouseout(function(){
showTooltip('','','',false)
})
});
function showTooltip(html,left,top,bool){
if(bool){
$("#tooltip").html(html).css('visibility','visible').css({'left':left,'top':top})
}else{
setTimeout( $("#tooltip").hide(),300)
}
}
})