/**
* Help Bubble 
*@Market Health dot com
*@Usage: Attach the class name of "showHelp" to any element. The add attributes "helptitle" and "helptext"
*@CSS: .showHelp [locator] .helpBubble [Bubble that holds the text]
*/
$(document).ready(
function() {
	$(".showHelp").hover(
		function(e) {
			helpBubble($(this).attr("helptitle"),$(this).attr("helptext"),e.pageX,e.pageY);
		},
		function(e) {
			helpBubbleClose();
		}
	);
}
)
function helpBubble(title,body,mx,my) {
	//get the mouse coordinates
	var x=mx+10;
	var y=my;
	var t=title;
	var b=body;
	//make a div
	$("body").append($("<div><div class='helpBubbleTitle'>"+t+"</div>"+b+"</div>").attr({'class':'helpBubble'}).css({'top':y+'px','left':x+'px'}));
	
}
function helpBubbleClose() {
	$(".helpBubble").remove();
}