/*
 * 	Simple Tooltip w/ jQuery & CSS
 *	http://www.sohtanaka.com/web-design/simple-tooltip-w-jquery-css/
 *
 *	Built for jQuery library
 *	http://jquery.com
 *
 */
 
jQuery(document).ready(function($) {
	//Tooltips
	if ($('.addTip')[0]) {
		//tooltip
		var tip;
		$('.addTip').hover(function(){
			//Caching the tooltip and removing it from container; then appending it to the body
			tip = $(this).find(".tip").remove();
			$("body").append(tip);
			tip.fadeIn("fast");
		}, function() {
			tip.hide().remove(); //Hide and remove tooltip appended to the body
			$(this).append(tip); //Return the tooltip to its original position
		}).mousemove(function(e) {
			if( typeof(tip) != "undefined") {
				var mousex = e.pageX + 20; //Get X coodrinates
				var mousey = e.pageY + 20; //Get Y coordinates
				var tipWidth = tip.width(); //Find width of tooltip
				var tipHeight = tip.height(); //Find height of tooltip

				//Distance of element from the right edge of viewport
				var tipVisX = $(window).width() - (mousex + tipWidth);
				var tipVisY = $(window).height() - (mousey + tipHeight);

				if ( tipVisX < 20 ) { //If tooltip exceeds the X coordinate of viewport
					mousex = e.pageX - tipWidth - 20;
					$(this).find('.tip').css({ top: mousey, left: mousex });
				} if ( tipVisY < 20 ) { //If tooltip exceeds the Y coordinate of viewport
					mousey = e.pageY - tipHeight - 20;
					tip.css({ top: mousey, left: mousex });
				} else {
					tip.css({ top: mousey, left: mousex });
				}
			}
		});
	}
});