$(document).ready(function() {
	var like_profile_links = $(".js-like-profile"),
		body = $("body");

	like_profile_links
		.mouseenter(function() {
			var link = $(this),
				balloon = link.data("balloon");

			if (!balloon || !balloon.length) {
				var balloon_text = $.trim(link.attr("title"));

				balloon = $("<div class=\"balloon-wrapper\"><div class=\"balloon with-corner-on-bottom\"><span class=\"balloon-corner\"></span>" + balloon_text + "</div></div>");
				link
					.data("balloon", balloon)
					.attr("title", "");
				
				body.append(balloon);
			}

			var balloon_height = balloon.outerHeight();

			balloon
				.css({
					left: $(this).offset().left - 60,
					top: ($(this).offset().top - balloon_height - 22) + "px"
				})
				.show();
			
			return false;
		})
		.mouseleave(function() {
			var link = $(this),
				balloon = link.data("balloon");

			if (balloon && balloon.length)
				balloon.hide();
		});
});