// a mouseover tooltip that supports html code.

function tooltip(event, id, xpos, ypos, isChild) {
	try {
		ttDiv = document.getElementById(id);
		if(isChild) {
			ttDiv = parent.document.getElementById(id);
		}
		if(event.type == "mouseout") {
			ttDiv.style.display = "none";
		}
		else if (event.type == "mouseover") {
			xDispPos = xMousePos(event) + xpos;
			yDispPos = yMousePos(event) + ypos;
			
			xDispPos += 'px';
			yDispPos += 'px';
			
			ttDiv.style.top = yDispPos;
			ttDiv.style.left = xDispPos;
			ttDiv.style.display = "block";
		}
	}
	catch(e) {
	}
}

function tooltipClick(event, id, xpos, ypos, isChild) {
	try {
		ttDiv = document.getElementById(id);
		if(isChild) {
			ttDiv = parent.document.getElementById(id);
		}
		
		if (event.type == "click") {
			xDispPos = xMousePos(event) + xpos;
			yDispPos = yMousePos(event) + ypos;
			
			xDispPos += 'px';
			yDispPos += 'px';
			
			ttDiv.style.top = yDispPos;
			ttDiv.style.left = xDispPos;
			ttDiv.style.display = "block";
		}
	}
	catch(e) {
	}
}

function xMousePos(event) {
	if(event.pageX) {
		return event.pageX;
	}
	else if(event.clientX) {
		return event.clientX + document.body.scrollLeft;
	}
	else {
		return null;
	}
}

function yMousePos(event) {
	if(event.pageY) {
		return event.pageY;
	}
	else if(event.clientY) {
		return event.clientY + document.body.scrollTop; 
	}
	else {
		return null;
	}
}