п»їfunction mousePageXY(e)
{
  var x = 0, y = 0;

  if (!e) e = window.event;

  if (e.pageX || e.pageY)
  {
    x = e.pageX;
    y = e.pageY;
  }
  else if (e.clientX || e.clientY)
  {
    x = e.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft;
    y = e.clientY + (document.documentElement.scrollTop || document.body.scrollTop) - document.documentElement.clientTop;
  }

  return {"x":x, "y":y};
}

function imgDescInit()
{
	var aAllImages = document.images;
	
	iImageCounter = 0;
	oDescDiv.style.visibility = 'hidden';
	var sDefaultText = '';
	oDescDiv.innerHTML = sDefaultText;
	
	for ( var i = 0; i < aAllImages.length; i++ )
	{
		if ( aAllImages[i].id.indexOf('type') != -1 )
		{
			aAllImages[i].style.cursor = 'help';
//			aCenterImages[parseInt(aAllImages[i].id)] = new Image();

			aAllImages[i].onmouseover = function (e)
			{
				if ( this.id.indexOf('type') != -1 )
				{
					aPosition = mousePageXY(e);
					oDescDiv.innerHTML = '<h4>'+aTypeNames[parseInt(this.id)]+'</h4>\n'+aTypeDescs[parseInt(this.id)];
					oDescDiv.style.left = (aPosition['x']+10)+'px';
					oDescDiv.style.top = (aPosition['y']+10)+'px';
					oDescDiv.style.visibility = 'visible';
				}
			}
			
			aAllImages[i].onmousemove = function (e)
			{
				if ( this.id.indexOf('type') != -1 )
				{
					aPosition = mousePageXY(e);
					oDescDiv.style.left = (aPosition['x']+10)+'px';
					oDescDiv.style.top = (aPosition['y']+10)+'px';
				}
			}
			
			aAllImages[i].onmouseout = function()
			{
				oDescDiv.style.visibility = 'hidden';
				//oDescDiv.innerHTML = sDefaultText;
			}
			

			
			iImageCounter++;
		}
	}
}
window.onload = function()
{
	oDescDiv = document.getElementById('typeDescription');
	oDisplay = document.createElement('div');
	oDisplay.className = 'imgDisplay';
	document.body.appendChild(oDisplay);
	
	imgDescInit();
}