	$(document).ready(function ()
	{
		tooltip();
	});

	function tooltip()
	{
		$("img.tooltip").mouseover(		
			function (event) 
			{ 
				var text = 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 */
			}
		);
	} 

