$(document).ready(function() {
		
			$("[rel=tooltip]").hover(
					function() {
					
					    //Removendo qualquer tooltip ativo
						$('.tooltip').remove();
						
					    //Obtendo o titulo
						var titulo = $(this).attr('title');
						
						//removendo o titulo
						$(this).attr('title','');
						
						//Adição do tooltip
						$(this).after('<span class="tooltip">' + titulo + '</span>');
						
						//Fazendo com que o tooltip apareça suavemente
						$('.tooltip').fadeIn(400);
						
					},
					function() {
						//Colocando o titulo devolta
					    $(this).attr('title',$('.tooltip').html());
						
						//Fazendo com que o tooltip desapareça suavemente
						$('.tooltip').fadeOut(400);
						
						
					}
						
						
			);
		});
