$(document).ready(function ()
	{		
		tooltip();
	});
	
	function tooltip()
	{
		$("img.tooltip").mouseover(		
			function (event) 
			{ 
				var text = request(parseInt(this.alt));
											
				x = event.pageX+10; /* sa mutam tooltipul putin mai la dreapta ca sa nu fie acoperit de cursor */
				y = event.pageY+10; /* si putin mai jos... */
								
				$("body").append("<div id='tooltip'>"+text+"</div>"); /* mai intai facem un div [asta reprezentand alternativa jQuery la DOM] */
				$("#tooltip").css("left", x).css("top", y);	/* si ne mai ramane doar sa-l mutam langa cursor */
			}
		);
		
		$("img.tooltip").mouseout(
			function (event)
			{
				$("#tooltip").remove(); /* cand se intampla mouseout distrugem div-ul */
			}
		);
	}

	function request(id)
	{
		/* realizam pachetul de optiuni pentru functie */
		var data = {
				type: "POST",
				url: "tooltip.php",
				data: "uid="+id,
				async: false
			}
		
		/* chemam functia si ii preluam raspunsul */
		var response = $.ajax(data).responseText;

		/* si il intoarcem :D */
		return response;	
	}