// JavaScript Document

/* set base style of tip layers */
document.writeln('<div id="tip_layer"></div>');
document.writeln('<style type="text/css">');
document.writeln('#tip_layer {');
document.writeln('position: absolute;');
document.writeln('opacity: 0.7;');
document.writeln('filter: Alpha(Opacity=70);');
document.writeln('}');
document.writeln('</style>');

/* set tip of image */
var tip_layer = document.getElementById('tip_layer');
intObjTip();

/* mouse move */
document.onmousemove = function (event)
{
	ev = event || window.event;
	var obj = document.getElementsByTagName('img');
	for (var i=0; i<obj.length; i++)
	{
		if (obj[i].getAttribute('tip') == null)
		{
			continue;
		}
		if (obj[i].onView)
		{
			//tip_layer.style.left = (document.documentElement ? document.documentElement.scrollLeft : document.body.scrollLeft) + ev.clientX - tip_layer.offsetWidth - 5 + 'px';
			tip_layer.style.left = (document.documentElement ? document.documentElement.scrollLeft : document.body.scrollLeft) + ev.clientX + 8 + 'px';
			//tip_layer.style.top = (document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop) + ev.clientY - tip_layer.offsetHeight - 5 + 'px';
			tip_layer.style.top = (document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop) + ev.clientY + 8 + 'px';
		}
	}
}

/* set tip to images with attribute 'tip' */
function intObjTip()
{
	var obj = document.getElementsByTagName('img');
	for (var i=0; i<obj.length; i++)
	{
		if (obj[i].getAttribute('tip') == null)
		{
			continue;
		}
		setObjTip(obj[i]);
	}
}

/* set tip for an object */
function setObjTip(obj)
{
	obj.onView = false;
	obj.onmouseover = function ()
	{
		this.onView = true;
		tip_layer.innerHTML = document.getElementById(this.getAttribute('tip')).innerHTML;
		tip_layer.style.display = 'inline';
	}
	obj.onmouseout = function ()
	{
		this.onView = false;
		tip_layer.style.display = 'none';
	}
}