(function($) {
	$.fn.extend({
		yellowBubble: function(options) {
			var defaults = {
				offset: [0, -15],
				position: 'center left',
				tipClass: 'yellow-bubble',
				layout: '<div><img class="arrow" src="/custom/frame/tooltip_arrow.gif" alt="" /></div>',
				onShow: function() {
					var tt = this.getTip();
					var ar = tt.find('img.arrow');
					var top = (tt.outerHeight(true) - ar.height()) / 2;
					ar.css('top', top);
				}
			};
			var options = $.extend(defaults, options);

			this.each(function(index, element) {
				$(element).tooltip(options);
			});

			return this;
		}
	})
})(jQuery);
