
$.fn.tooltip = function() {
	
	$(this).mouseover(function(event) {
							   
		$('#tooltip').html($(this).attr('tooltip'));
		
		posX = event.pageX + 10;
		posY = event.pageY + 10;
		
		//Se posição X estiver no limite do documento, 
		//exibe o tooltip na posição inversa do cursor
		
		if ( ($(document).width() - posX) < 200 ) {
			posX = (posX- 20) - ($('#tooltip').width());
		}
		
		$('#tooltip').css({
			left: posX + 'px',
			top: posY + 'px'
		});
		
		$('#tooltip').show();

	});
	
	$(this).mousemove(function(event) {
							   
		$('#tooltip').html($(this).attr('tooltip'));
		
		posX = event.pageX + 10;
		posY = event.pageY + 10;
		
		//Se posição X estiver no limite do documento, 
		//exibe o tooltip na posição inversa do cursor
		
		if ( ($(document).width() - posX) < 200 ) {
			posX = (posX- 20) - ($('#tooltip').width());
		}
		
		$('#tooltip').css({
			left: posX + 'px',
			top: posY + 'px'
		});
		
		$('#tooltip').show();
							   
	});
	
	$(this).mouseout(function() {
							   
		$('#tooltip').hide();
							   
	});

};


