if(typeof jQuery != 'undefined') {
	jQuery(function($) {
		$.fn.extend({
			footnote: function(options) {
				var settings = $.extend({}, $.fn.footnote.defaults, options);
			
				var footnoteContainer = $('<div id="footnote-container"><p></p></div>');
				footnoteContainer.css('display', 'none');
				footnoteContainer.css('position', 'absolute');
				footnoteContainer.css('right', '10px');
				$("body").append(footnoteContainer);
			
				function showFootnote(element, content){
					footnoteContainer.children('p').html(content);
					footnoteContainer.css('display', 'block');
					footnoteContainer.css('top', element.offset().top + element.parent().parent().height() + settings.verticalOffset);
					footnoteContainer.css('width',  settings.horizontalOffset + footnoteContainer.children('p').offset().left + footnoteContainer.children('p').width() - element.offset().left);

				}
				
				function hideFootnote(){
					footnoteContainer.css('display', 'none');
				}
			
				return this.each(
					function() {
						if($.fn.jquery < '1.2.6') {return;}
						var $t = $(this);
						var o = $.metadata ? $.extend({}, settings, $t.metadata()) : settings;
						
						/**
						* Start your Plugin Here…
						*/
						

						$t.data('footnote_content', $t.html());
						
						var footnoteCount = $t.attr('id').replace('footnote-', '');
						$t.html('<sup><a href="#">' + footnoteCount + '</a></sup>');
						
						var anchor = $t.find('a');
						anchor.click(function(){
							return false;
						})
						anchor.hover(
							function(){//Over								
								var content = $(this).parent().parent().data('footnote_content');
								showFootnote($(this), content);
							},
							function(){//Out
								hideFootnote();
							}
						);
					}
				);
			}
		});
		
		/**
		* Set your Plugin Defaults Here…
		*/
		$.fn.footnote.defaults = {
			verticalOffset: 0,
			horizontalOffset: 0
		};
	});
}
