/*
 * Tooltip script 
 * powered by jQuery (http://www.jquery.com)
 * 
 * written by Alen Grakalic (http://cssglobe.com)
 * 
 * for more info visit http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery
 *
 */
 
// alert('tooltip loaded');


/* NOTE: 
	would like to use title attribute, 
	but was unable to reset it on the over out.  
	USED custom attrubute instead
*/


this.tooltip = function(){	
	/* CONFIG */		
		xOffset = -10;
		yOffset = 10;		
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result		
	/* END CONFIG */ 
	
	var tooltip_text;
	   	
	
	$('.tooltip').hover(
		function(e) {
			$('#tooltip').remove(); // if not done fading out, just remove.
			tooltip_text = $(this).attr('data-tooltip');
			//this.title = '';
			$('body').append('<p id="tooltip">' + tooltip_text + '</p>');
			$('#tooltip')
				.css('top',(e.pageY - xOffset) + 'px')
				.css('left',(e.pageX + yOffset) + 'px')
				.fadeIn('fast'); 
	   	},
		function() {
			// this.title = tip_text; // THIS DOESN'T WORK
			$('#tooltip').fadeOut('fast',function(){
				$(this).remove();
			});
		}
	);
	
	
	
	$('.tooltip').mousemove(function(e){
		$('#tooltip')
			.css('top',(e.pageY - xOffset) + 'px')
			.css('left',(e.pageX + yOffset) + 'px');
	});
	
	
   	
};