function myShow01() {
$('div.friends a').hover(function () {
			var hrefTitle = $(this).attr('title'); //Взимаме съдържанието от атрибута title на линка <a>.
			var myAlt = $(this).attr('name');	
                        var tooltipBox = $('<div class="tooltip"></div>'); //Създаваме <div>.
			$(this).append(tooltipBox); //"Закачаме" този <div> към съответното <а>, за да е по-подредено.
			$(tooltipBox).animate({'opacity' : 'toggle', 'top' : '40px' }, 500).text(hrefTitle).append('<div class="arrow"><img id="fack" src='+myAlt+' alt="test"></div>'); 
//alert(myAlt);
//Добавяме малко ефекти на Tooltip-а и вкарваме информацията в него. Накрая му добавяме и лека козметична заигравка - стрелкичката.
		}, function(){
			$('div.tooltip').remove(); //Изтриваме Tooltip-a.
		});
}

function myShow02() {
$(document).ready(function ()
	{
		$('div.friends a').hover(function () {
			var userInfo = $(this).next().html(); //Взимаме текста (заедно с таговете) от елемента до <a>, който в случая е <span>.
			var tooltipBox = $('<div class="tooltip"></div>'); //Създаваме <div>.
			$(this).parent().append(tooltipBox); //"Закачаме" този <div> към съответното <li> от списъка, за да е по-подредено.
			$(tooltipBox).animate({'opacity' : 'toggle', 'top' : '80px' }, 200).html(userInfo).append('<div class="arrow"></div>'); //Добавяме малко ефекти на Tooltip-а и вкарваме информацията в него. Накрая му добавяме и лека козметична заигравка - стрелкичката.
		}, function(){
			$('div.tooltip').remove(); //При hoverOut изтриваме Tooltip-a.
		});
	});
}