wmtt = null;
shc   = 0;
depth = 6;

function showWMTT(id) 
{
	wmtt = document.getElementById(id);
	wmtt.style.display = "block";
	if (shc == 0) 
	{
		create_shadows();
		shc = 1;
	}
	for (var i=1;i<=depth;i++)
	{
			var myid = 'shadow' + i;
			var ds = document.getElementById(myid).style;
			ds.width  = wmtt.offsetWidth  + 'px';
			ds.height = wmtt.offsetHeight + 'px';
			ds.left   = wmtt.offsetLeft   + i + 'px';
			ds.top    = wmtt.offsetTop    + parseInt(i/2) + 1 + 'px';
			ds.display = 'block';
	}
}

function hideWMTT() {
	wmtt.style.display = "none";
	for (var i=1;i<=depth;i++)
	{
			var myid = 'shadow' + i;
			document.getElementById(myid).style.display = 'none';
	}
}

function updateWMTT(e) 
{
	x = (document.all) ? window.event.x + document.body.scrollLeft + 75 : e.pageX + 20;
	y = (document.all) ? window.event.y + document.body.scrollTop  + 112 : e.pageY + 20;
	if (wmtt != null) 
	{
		
		wmtt.style.left = x + "px";
		wmtt.style.top 	= y + "px";
		for (var i=1;i<=depth;i++)
		{
			var myid = 'shadow' + i;
			var ds = document.getElementById(myid).style;
			ds.left   = x + i + 'px';
			ds.top    = y + parseInt(i/2) + 1 + 'px';
		}
	}
}

function create_shadows()
{
	var myref = document.getElementById('infolayer');
	for (var i=1;i<=depth;i++)
	{
		var myid = 'shadow' + i;
		var mydiv = document.createElement('DIV');
		document.getElementById('thefirst').insertBefore(mydiv, myref);
		mydiv.id = myid;
		mydiv.className = 'shadow';
	}
}

document.onmousemove = updateWMTT;