function tooltip(){
	$("img.tooltip").hover(
		function(e) {
			title = this.title;
			this.title = "";

			$("body #sidebar")
				.append('<div id="tooltip">' +
							'<div class="topo"></div>' +
							'<p>' + parseText(title) + '</p>' +
							'<div class="rodape"></div>'+
						'</div>');

			xOffset = $("#tooltip").height() + 6;
			yOffset = - ( $("#tooltip").width() / 2 );

			$("#tooltip")
				.css("top",(e.pageY - xOffset) + "px")
				.css("left",(e.pageX + yOffset) + "px")
				.fadeIn("fast");
		},
		function(){
			this.title = title;
			$("#tooltip").remove();
		}
	);

	$("img.tooltip").mousemove(function(e){
		$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});

	function parseText(text) {
		var pieceA = text.split("::");
		var pieceB = pieceA[1].split("(@)");
		
		var author = pieceA[0];
		var content = pieceB[0];
		var date = pieceB[1];

		return '<strong>' + author + '</strong>' + content + '<small>' + date + '</small>';
	}
};


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