https://ip-piter.ru/components/vstrechi/js/justthetip.js

1// Set imageurl to the path where the nubbin.png image is located
2
3var imageurl = "/components/vstrechi/images/";
4
5$(document).ready(function(){
6			
7	var mouseX = 0;
8	var mouseY = 0;
9	$().mousemove( function(e) {
10		mouseX = e.pageX; 
11		mouseY = e.pageY;
12	});
13	 
14	$(".jttip").hover(
15		function () {
16			id = $(this).attr('id');
17			
18			split = id.split('-', 2)
19			number = split[1];
20			
21			clearTimeout(window['ta' + number]);
22			$('#'+id).show();
23
24			
25		}, 
26		function () {
27			
28			id = $(this).attr('id');
29			$('#'+id).fadeOut('fast');
30			
31		}
32	);
33	 
34	$(".jttip").each(function (i) {
35		var prepend$$i = 0;
36		
37		$("#jttrigger-"+i).hover(
38	      function () {
39			
40			if(prepend$$i == 0)
41			{
42				$("#jttip-"+i).prepend('<img class="nubbin" src="'+imageurl+'nubbin.png" alt="arrow" height="13" width="27">');
43				prepend$$i = "done";
44			}
45			
46			var triggerPos = $("#jttrigger-"+i).position();
47			var jttipPos = $("#jttip-"+i).position();
48			var triggerHeight = $("#jttrigger-"+i).height();
49			var triggerWidth = $("#jttrigger-"+i).width();
50			
51	      	var jttipWidth = $("#jttip-"+i).width();
52	      	
53	      	var offsetX = triggerWidth-jttipWidth;
54	      	
55	      	$("#jttip-"+i).css('top',triggerPos.top+triggerHeight);
56	      	
57	      	if(offsetX > 0)
58	      	{
59	      		$("#jttip-"+i).css('left',triggerPos.left-(offsetX/2));
60	      	}
61	      	else
62	      	{
63	      		$("#jttip-"+i).css('left',triggerPos.left+(offsetX/2));
64	      	}
65	      	
66	      	window['t' + i] = setTimeout(function() { $("#jttip-"+i).fadeIn('fast'); },300);
67	        
68	      }, 
69	      function () {
70				
71				clearTimeout(window['t' + i]);
72
73				if($("#jttip-"+i).css("display") == 'block')
74				{
75					window['ta' + i] = setTimeout(function() { $("#jttip-"+i).hide(); },300);
76				}
77
78	      });
79	      
80		});
81	
82});