function tooltip(e, text){
	xOffset = 10;
	yOffset = 10;
	
	var src = e.target;

	$("body").append("<div id='tooltip'>"+ text +"</div>");
	
	$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn(420);
	
	src.onmouseout = function(e){
		$("#tooltip").remove();
	}
	
	src.onmousemove = function(e){
		
		if(e.pageX > 600){
			xOffset = -$('#tooltip').width()-30;
		}
		$("#tooltip")
			.css("top",(e.pageY - yOffset) + "px")
			.css("left",(e.pageX + xOffset) + "px");
	}
}

/*
var boxdiv;

function tooltip(ev, title){
var parent = (ev.target || ev.srcElement);


if(boxdiv == null){
	boxdiv = document.createElement('div');
	
	boxdiv.style.position = 'absolute';
	boxdiv.style.border = '1px solid #000000';
	boxdiv.style.backgroundColor = '#FFFFFF';
	boxdiv.style.padding = '5px';
	boxdiv.style.width = 'auto';
	boxdiv.style.display = 'block';

	document.body.appendChild(boxdiv);
	
}

boxdiv.style.display = 'block';
	var xpos = (ev.clientX || ev.pageX) + document.documentElement.scrollLeft;
	var ypos = (ev.clientY || ev.pageY) + document.documentElement.scrollTop - parseInt(boxdiv.clientHeight);
	
	
boxdiv.style.display = 'block';
boxdiv.style.left = xpos+'px';
boxdiv.style.top = ypos+'px';
boxdiv.innerHTML = title;
parent.onmousemove = function(e){
	if (!e) var e = window.event;
	var x = e.clientX || e.pageX; 
	var y = e.clientY || e.pageY;
boxdiv.style.left = x + document.documentElement.scrollLeft + 'px';
//boxdiv.style.top = y + document.documentElement.scrollTop + 'px';
}
var tooltip_on = false;
parent.onmouseout = function(ev){
	//if(tooltip_on == false){
	boxdiv.style.display = 'none';
	//}
}
boxdiv.onmouseover = function(ev){
	tooltip_on = true;
	//boxdiv.style.display = 'block';
}
boxdiv.onmouseout = function(ev){
	tooltip_on = false;
	
}
return false;
}*/