$(document).ready(function() {
		
		$('.has_tooltip').each(function() {
			// Grab the title from the element and
			// then remove it so it won't show up.
			var title = $(this).attr('title');
			$(this).attr('title', '');
			
			$(this).hover(function() { // Mouse over
				// Add span.tooltip after this element with the title
				$(this).after('<span class="tooltip">' + title + '</span>');

				// When the mouse is moved, move the tooltip
				$(this).mousemove(function(e) {
					$('.tooltip').css({
						left: e.pageX-15,
						top: e.pageY-15,
						opacity: '.8'
					});
				});
			}, function() { // Mouse out
				// Remove the tooltip on mouse out
				$('.tooltip').remove();
			});
		});
		
	});