/*
 	file: jquery.SocialMedia.js    
    file usage: Tooltip Box 
    Author: Speed730
    Author URI: http://themeforest.net/user/Speed730
*/

(function($){

    $.fn.tooltip = function(options){
		var defaults = {
			tooltipID: "tooltip",
			addingClass: true,
			tooltipDistance: {
				top: -40,
				left: -30
			}
		}, settings = $.extend({}, defaults, options);
		
		this.each(function(){
			var $this = $(this);
			var textArea = this.title;
			
				$(this).hover(function(e){
				
					//Setup the Tooltip Div
					$(this).attr('title', '')
					$('<div>').attr("id", settings.tooltipID).text(textArea).addClass(settings.tooltipClass).hide().appendTo('body').css({
						top: e.pageY + settings.tooltipDistance.top,
						left: e.pageX + settings.tooltipDistance.left
					}).fadeIn(500);
					
				}, function(){
				
					//Hide the Tooltip Div
					$("div#tooltip").hide().remove();
				});
				$(this).mousemove(function(e){
					$("div#tooltip").css({
						top: e.pageY + settings.tooltipDistance.top,
						left: e.pageX + settings.tooltipDistance.left
					});
				});
		});
		return this;
	}
})(jQuery);