/*
 * Tooltip script 
 * powered by jQuery (http://www.jquery.com)
 * 
 * written by Alen Grakalic (http://cssglobe.com)
 * 
 * for more info visit http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery
 *
 */
 


this.tooltip = function(){	
	/* CONFIG */		
		xOffset = 10;
		yOffset = 20;		
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result		
	/* END CONFIG */		
	$("a.tooltip").hover(function(e){											  
		this.t = "&#1058;&#1086;&#1074;&#1072; &#1089;&#1072; 3 &#1087;&#1088;&#1086;&#1076;&#1091;&#1082;&#1090;&#1072; &#1085;&#1072; &#1080;&#1079;&#1082;&#1083;&#1102;&#1095;&#1080;&#1090;&#1077;&#1083;&#1085;&#1086; &#1080;&#1079;&#1075;&#1086;&#1076;&#1085;&#1072; &#1094;&#1077;&#1085;&#1072;,&#1085;&#1072;&#1084;&#1072;&#1083;&#1077;&#1085;&#1072; &#1076;&#1086; 90 %.<br><br> &#1042;&#1098;&#1079;&#1084;&#1086;&#1078;&#1085;&#1086; &#1077; &#1076;&#1072; &#1089;&#1072; &#1089; &#1085;&#1072;&#1088;&#1091;&#1096;&#1077;&#1085;&#1072; &#1086;&#1087;&#1072;&#1082;&#1086;&#1074;&#1082;&#1072;,&#1082;&#1072;&#1082;&#1090;&#1086; &#1080; &#1089;&#1082;&#1086;&#1088;&#1086;&#1096;&#1085;&#1086; &#1080;&#1079;&#1090;&#1080;&#1095;&#1072;&#1085;&#1077; &#1089;&#1088;&#1086;&#1082;&#1072; &#1085;&#1072; &#1075;&#1086;&#1076;&#1085;&#1086;&#1089;&#1090;<br>/&#1090;&#1086;&#1095;&#1085;&#1072;&#1090;&#1072; &#1076;&#1072;&#1090;&#1072; &#1084;&#1086;&#1078;&#1077; &#1076;&#1072; &#1074;&#1080;&#1076;&#1080;&#1090;&#1077; &#1074; &#1080;&#1085;&#1092;&#1086;&#1088;&#1084;&#1072;&#1094;&#1080;&#1103;&#1090;&#1072; &#1079;&#1072; &#1087;&#1088;&#1086;&#1076;&#1091;&#1082;&#1090;&#1072;/.<br><br>&#1040;&#1088;&#1090;&#1080;&#1082;&#1091;&#1083;&#1080;&#1090;&#1077; &#1089;&#1072; &#1089;&#1098;&#1089; 100% &#1079;&#1072;&#1087;&#1072;&#1079;&#1077;&#1085;&#1086; &#1082;&#1072;&#1095;&#1077;&#1089;&#1090;&#1074;&#1086; &#1080; &#1092;&#1091;&#1085;&#1082;&#1094;&#1080;&#1086;&#1085;&#1072;&#1083;&#1085;&#1086;&#1089;&#1090;!<br><br>&#1041;&#1088;&#1086;&#1081;&#1082;&#1080;&#1090;&#1077; &#1089;&#1072; &#1077;&#1076;&#1080;&#1085;&#1080;&#1095;&#1085;&#1080;, &#1080; &#1085;&#1077; &#1077; &#1078;&#1077;&#1083;&#1072;&#1090;&#1077;&#1083;&#1085;&#1086; &#1076;&#1072; &#1073;&#1098;&#1076;&#1077; &#1087;&#1086;&#1088;&#1098;&#1095;&#1074;&#1072;&#1085;&#1086; &#1087;&#1086;&#1074;&#1077;&#1095;&#1077; &#1086;&#1090; &#1077;&#1076;&#1080;&#1085; &#1087;&#1088;&#1086;&#1076;&#1091;&#1082;&#1090;,<br> &#1086;&#1089;&#1074;&#1077;&#1085; &#1072;&#1082;&#1086; &#1074; &#1080;&#1085;&#1092;&#1086;&#1088;&#1084;&#1072;&#1094;&#1080;&#1103;&#1090;&#1072; &#1079;&#1072; &#1085;&#1077;&#1075;&#1086; &#1085;&#1077; &#1077; &#1085;&#1072;&#1087;&#1080;&#1089;&#1072;&#1085;&#1086; &#1076;&#1088;&#1091;&#1075;&#1086;!";
		this.title = "";									  
		$("body").append("<p id='tooltip'>"+ this.t +"</p>");
		$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");		
    },
	function(){
		this.title = this.t;		
		$("#tooltip").remove();
    });	
	$("a.tooltip").mousemove(function(e){
		$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});		

	
	
	$("a.tooltip1").hover(function(e){											  
		this.t = "Отлично&#32;оборудван&#32;ветеринарен&#32;кабинет,&#32;в&#32;който&#32;се&#32;провеждат&#32;<br>ветеринарно&#45;медицински&#32;консултации,клинични&#32;прегледи,<br>ваксинации,лабораторни&#32;изследвания&#32;и&#32;хирургически&#32;интервенции&#46;<br><br>Посещението&#32;за&#32;първоначален&#32;преглед&#32;става&#32;без&#32;предварително&#32;записан&#32;час!<br><br>Адрес:&#32;гр&#46;София,кв&#46;Изгрев,ул&#46;Елемаг&#32;&#50;&#54;<br><br>Телефон&#32;&#48;&#56;&#57;&#57;&#56;&#48;&#54;&#53;&#52;&#48;";
		this.title = "";									  
		$("body").append("<p id='tooltip1'>"+ this.t +"</p>");
		$("#tooltip1")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");		
    },
	function(){
		this.title = this.t;		
		$("#tooltip1").remove();
    });	
	$("a.tooltip1").mousemove(function(e){
		$("#tooltip1")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});	
};
// starting the script on page load
$(document).ready(function(){
	tooltip();
});
