/**
 * JQuery Plugin to ....
 */
(function($) {

	var html = '<div style="position: absolute; z-index:97; white-space: nowrap;" class="tooltipContainer"><div class="tooltip"></div></div>';
	
	$.fn.tooltip = function() {
		var template = $(html);
		$('.tooltip',template).html($(this).attr('title'));
		$(this).parent('li').append(template);
		template.position({
			my: 'bottom center',
			at: 'right top',
			of: $(this),
			offset: '-10px',
			collision: 'none'
		});
		template.hide();
		$(this).hover(function(e) {
			template.show();
		},function(e) {
			template.hide();
		});
	};	
	
})(jQuery);