/*

 * 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

 *

 */

 

this.activateTooltip = function(jQueryItem){	

	/* CONFIG */		
		xOffset = 10;
		yOffset = 20;		
		isActive = false;
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result		
	/* END CONFIG */		

	jQueryItem.hover(function(e){											  
		this.t = this.title;
		this.title = "";	
		isActive = true;								  
		jQuery("body").append("<p id='tooltip'>"+ this.t +"</p>");
		jQuery("#tooltip")
				.css("top",(e.pageY - xOffset) + "px")
				.css("left",(e.pageX + yOffset) + "px")
				
		setTimeout( 
			function()
			{
				if (isActive)
				{
				
				jQuery("#tooltip")
				.fadeIn("fast");	
				}	
			}, 200);
    },

	function(){

		this.title = this.t;		

		jQuery("#tooltip").remove();
		isActive = false;

    });	

	jQueryItem.mousemove(function(e){

		jQuery("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");

	});			

};




this.tooltip = function(){	

	/* CONFIG */		
		xOffset = 10;
		yOffset = 20;		
		isActive = false;
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result		
	/* END CONFIG */		

	jQuery(".tooltip").hover(function(e){											  
		this.t = this.title;
		this.title = "";	
		isActive = true;								  
		jQuery("body").append("<p id='tooltip'>"+ this.t +"</p>");
		jQuery("#tooltip")
				.css("top",(e.pageY - xOffset) + "px")
				.css("left",(e.pageX + yOffset) + "px")
				
		setTimeout( 
			function()
			{
				if (isActive)
				{
				
				jQuery("#tooltip")
				.fadeIn("fast");	
				}	
			}, 200);
    },

	function(){

		this.title = this.t;		

		jQuery("#tooltip").remove();
		isActive = false;

    });	

	jQuery(".tooltip").mousemove(function(e){

		jQuery("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");

	});			

};







// starting the script on page load

jQuery(document).ready(function(){

	tooltip();

});