<!--
function showInfoBox(name,description,image,width,height){

	document.getElementById('infoboxname').innerHTML = name;
	document.getElementById('infoboxdesc').innerHTML = description;
	document.getElementById('infoboximage').innerHTML = '<img src="'+image+'" height="'+height+'" width="'+width+'"/>';

	document.onmousemove = moveInfoBox;
}

function hideInfoBox(){
	document.getElementById('infobox').style.visibility = 'hidden';
	document.onmousemove = "";
}

function moveInfoBox(e){

	var infobox = document.getElementById('infobox');

	var rightEdge;
	var bottomEdge;
	var xpos;
	var ypos;

	if(document.all){
		var realBody = (!window.opera && document.compatMode && document.compatMode!="BackCompat") ? document.documentElement : document.body;

		rightEdge = realBody.scrollLeft + realBody.clientWidth;
		bottomEdge = realBody.scrollTop + realBody.clientHeight;

		xpos = event.clientX + realBody.scrollLeft + 20;
		if((xpos + infobox.offsetWidth) > rightEdge){
			// put it on the left of the cursor instead
			xpos = ((event.clientX + realBody.scrollLeft) - infobox.offsetWidth) - 20;
		}

		ypos = event.clientY + realBody.scrollTop + 20;
		if((ypos + infobox.offsetHeight) > bottomEdge){
			// put it on the bottom edge
			ypos = (bottomEdge - infobox.offsetHeight);
		}

	}else{
		rightEdge = window.pageXOffset + window.innerWidth - 20;
		bottomEdge = window.pageYOffset + window.innerHeight - 20;

		xpos = e.pageX + 20;
		if((xpos + infobox.offsetWidth) > rightEdge){
			// put it on the left of the cursor instead
			xpos = (e.pageX - infobox.offsetWidth) - 20;
		}

		ypos = e.pageY + 20;
		if((ypos + infobox.offsetHeight) > bottomEdge){
			// put it on the bottom edge
			ypos = (bottomEdge - infobox.offsetHeight);
		}
	}

	infobox.style.visibility = 'visible';
	infobox.style.top = ypos + 'px';
	infobox.style.left = xpos + 'px';
}
-->
