// Author: Alex littlejohn
(function($){
 	$.fn.extend({ 
 		tooltip: function(options) {
			
			var defaults = {
				offset: 10,
				beforeShowTooltip: function(content){},
				showTooltip: function(content){
					content.show();
				},
				hideTooltip: function(content){
					content.hide();
				},
				contentElement: "#tooltipcontent"
			};
			
			var defaultElement = "thetooltip";
			
			var tooltip;
			
			var options =  $.extend(defaults, options);

			var o = options;	
			
			
			createTooltip(defaultElement, o.contentElement);
			
			//Iterate over the current set of matched elements
    		return this.each(function() {
				var obj = $(this);
				obj.hover(function() {
					o.beforeShowTooltip(obj);
					positionTooltip(obj);
				}, function() {
					o.hideTooltip(tooltip);
				});
    		});
			
			// creates the tooltip element
			function createTooltip(container, content) {
				
				if($("#"+container).length >= 1) {
					
				} else {
					$("body").append("<div id="+container+"></div>")
				}
				$("#"+container).append($(content));
				tooltip = $("#"+container);
			}
			
			function positionTooltip(element) {
				var element = element;
				
				var tooltipDimentions = getDimentions(tooltip);
				var elementDimentions = getDimentions(element);
				
				var dimentions = $.fn.positioningLeft(tooltipDimentions, o.offset, elementDimentions);
				
				tooltip.css('top', dimentions['top']);
				tooltip.css('left', dimentions['left']);
				
				o.showTooltip(tooltip);
			}
			
			function getDimentions(element) {
				var height = element.outerHeight(true);
				var width = element.outerWidth(true);
				var top = $(element).offset().top;
				var left = $(element).offset().left;
				var info = new Array();
				
				// Set dimensions
				info['height'] = height;
				info['width'] = width;
				
				// Set position
				info['top'] = top;
				info['left'] = left;
				
				return info;
			}
    	}
	});
})(jQuery);

(function($){
	//positioning the tooltip above center and static to the object
	$.fn.positioningTop = function(contentInfo, offset, targetInfo) {
		contentInfo['top'] = targetInfo['top'] - offset - contentInfo['height'];
		contentInfo['left'] = (targetInfo['left'] + (targetInfo['width'] / 2)) - (contentInfo['width'] / 2);
		
		return contentInfo;
	};
	
	//positioning the tooltip left center and static to the object
	$.fn.positioningLeft = function(contentInfo, offset, targetInfo) {
		contentInfo['top'] = (targetInfo['top'] + (targetInfo['height'] / 2)) - (contentInfo['height'] / 2);
		contentInfo['left'] = targetInfo['left'] - contentInfo['width'] - offset;
		
		return contentInfo;
	};
	
	
})(jQuery);