if (document.getElementById) {
	function addEvent(element, eventType, eventHandler) {
		if (typeof window.addEventListener != "undefined") {
			return element.addEventListener(eventType, eventHandler, false);
		}
		
		if (typeof window.attachEvent != "undefined") {
			return element.attachEvent("on" + eventType, eventHandler);
		}
	}
	
	function checkIEEvent() {
		return (typeof window.event == "object" && typeof window.opera == "undefined");
	}
	
	var table   = document.getElementById("board");
	var allDivs = table.getElementsByTagName("div");
	var tooltips = [];
	for (var i = 0; i < allDivs.length; i++) {
		if (allDivs[i].className == "tooltip") {
			tooltips[tooltips.length] = allDivs[i];
		}
	}
	
	var topicLinks = [];
	var t = null;
	for (var i = 0; i < tooltips.length; i++) {
		topicLinks[topicLinks.length] = tooltips[i].parentNode.getElementsByTagName("a")[0];
		t = topicLinks[topicLinks.length - 1];
		
		addEvent(t, "mouseover", function(evt) {
			//debugger;
			if (checkIEEvent()) {
				evt = window.event;
				evt.currentTarget = evt.srcElement;
				evt.pageX = evt.clientX + document.body.scrollLeft;
				evt.pageY = evt.clientY + document.body.scrollTop;
			}
			var localDivs = evt.currentTarget.parentNode.getElementsByTagName("div");
			var tooltip = null;
			for (var x = 0; x < localDivs.length; i++) {
				if (localDivs[x].className == "tooltip") {
					tooltip = localDivs[x];
					break;
				}
			}
			tooltip.style.position = "absolute"; // remove - put in the CSS stylesheet
			tooltip.style.background = "#111"; // remove - put in the CSS stylesheet
			tooltip.style.padding = "5px";
			tooltip.style.border = "2px solid #ccc";
			tooltip.style.height = "auto";
			tooltip.style.top = (evt.pageY + 15) + "px";
			tooltip.style.left = (evt.pageX + 15) + "px";
			tooltip.style.display = "block";
		});
		
		addEvent(t, "mouseout", function(evt) {
			//debugger;
			if (checkIEEvent()) {
				evt = window.event;
				evt.currentTarget = evt.srcElement;
				evt.pageX = evt.clientX + document.body.scrollLeft;
				evt.pageY = evt.clientY + document.body.scrollTop;
			}
			var localDivs = evt.currentTarget.parentNode.getElementsByTagName("div");
			var tooltip = null;
			for (var x = 0; x < localDivs.length; i++) {
				if (localDivs[x].className == "tooltip") {
					tooltip = localDivs[x];
					break;
				}
			}
			tooltip.style.display = "none"; // remove - put in the CSS stylesheet
		});

		addEvent(t, "mousemove", function(evt) {
			//debugger;
			if (checkIEEvent()) {
				evt = window.event;
				evt.currentTarget = evt.srcElement;
				evt.pageX = evt.clientX + document.body.scrollLeft;
				evt.pageY = evt.clientY + document.body.scrollTop;
			}
			var localDivs = evt.currentTarget.parentNode.getElementsByTagName("div");
			var tooltip = null;
			for (var x = 0; x < localDivs.length; i++) {
				if (localDivs[x].className == "tooltip") {
					tooltip = localDivs[x];
					break;
				}
			}
			tooltip.style.top = (evt.pageY + 15) + "px";
			tooltip.style.left = (evt.pageX + 15) + "px";
			
		});
	}
}