function show(id,x,y)
{
    thing = document.getElementById(id);
    thing.style.display = 'block';
    if (y+thing.height > window.innerHeight)
	y = window.innerHeight - thing.height;

    thing.style.top = y + "px";
    thing.style.left = x + "px";
    return;
    if (!document.getElementById)
	return;
    thing = document.getElementById(id);
    //    thing.style.display = 'block';
    if (y+thing.height > window.innerHeight)
	y = window.innerHeight - thing.height;
    x = 0;

				// thank christ for http://www.quirksmode.org/viewport/compatibility.html
    var yoffset;
    if (document.pageYOffset) // all except Explorer
    {
	yoffset = document.pageYOffset;
    }
    else if (document.documentElement && document.documentElement.scrollTop)	// Explorer 6 Strict
    {
	yoffset = document.documentElement.scrollTop;
    }
    else if (document.body) // all other Explorers
    {
	yoffset = document.body.scrollTop;
    }
    
    if (thing.style.bottom)
    {
	//thing.style.bottom = window.innerHeight - y + "px";
	//thing.style.left = (x+20) + "px";
	thing.style.bottom = yoffset + "px";
	thing.style.left = (x+20) + "px";
    }
}

function mouseover(e)
{
    var posx = 0;
    var posy = 0;
    if (!e)
	var e = window.event;
    if (e.pageX || e.pageY)
    {
	posx = e.pageX;
	posy = e.pageY;
    }
    else if (e.clientX || e.clientY)
    {
	posx = e.clientX + document.body.scrollLeft;
	posy = e.clientY + document.body.scrollTop;
    }

    posx -= 150;
    posy -=  330;
    
    show(this.id+"_info",posx,posy)
	/**
    var posx = 0;
    var posy = 0;
    if (!e)
	var e = window.event;
    if (e.pageX || e.pageY)
    {
	posx = e.pageX;
	posy = e.pageY;
    }
    else if (e.clientX || e.clientY)
    {
	posx = e.clientX + document.body.scrollLeft;
	posy = e.clientY + document.body.scrollTop;
    }
    show(this.id+"_info",posx,posy)
	**/
}

function mouseout(e)
{
    document.getElementById(this.id+"_info").style.display = 'none';
}

function setup()
{
    if (document.getElementById('pocket'))
    {
	document.getElementById('pocket').onmousemove = mouseover;
	document.getElementById('pocket').onmouseout = mouseout;
    }

    if (document.getElementById('chest'))
    {
	document.getElementById('chest').onmousemove = mouseover;
	document.getElementById('chest').onmouseout = mouseout;
    }

    if (document.getElementById('briefcase'))
    {
	document.getElementById('briefcase').onmousemove = mouseover;
	document.getElementById('briefcase').onmouseout = mouseout;
    }

    if (document.getElementById('flame'))
    {
	document.getElementById('flame').onmousemove = mouseover;
	document.getElementById('flame').onmouseout = mouseout;
    }

    if (document.getElementById('flower'))
    {
	document.getElementById('flower').onmousemove = mouseover;
	document.getElementById('flower').onmouseout = mouseout;
    }

    if (document.getElementById('shoulderpad'))
    {
	document.getElementById('shoulderpad').onmousemove = mouseover;
	document.getElementById('shoulderpad').onmouseout = mouseout;
    }

    if (document.getElementById('yogamat'))
    {
	document.getElementById('yogamat').onmousemove = mouseover;
	document.getElementById('yogamat').onmouseout = mouseout;
    }
}