var inside = false;

if(document.layers) 
{
   window.captureEvents(Event.MOUSEMOVE);
   window.onmousemove = koordinaten;
}
else 
{
	document.onmousemove = koordinaten;
}

function koordinaten(e) 
{
   xpos = (document.layers || (document.getElementById && !document.all)) ? e.pageX : document.body.scrollLeft + event.clientX;
   ypos = (document.layers || (document.getElementById && !document.all)) ? e.pageY : document.body.scrollTop + event.clientY;
   werte(xpos,ypos);
}

function werte(xpos,ypos)
{
   x = (xpos+10) + "px";
   y = (ypos+10) + "px";

   if(inside)
{

   document.getElementById('box1').style.top = y;
	document.getElementById('box1').style.left = x;

   document.getElementById('box2').style.top = y;
	document.getElementById('box2').style.left = x;

   document.getElementById('box3').style.top = y;
	document.getElementById('box3').style.left = x;

  	document.getElementById('box4').style.top = y;
	document.getElementById('box4').style.left = x;

   document.getElementById('box5').style.top = y;
	document.getElementById('box5').style.left = x;

   document.getElementById('box6').style.top = y;
	document.getElementById('box6').style.left = x;

  	document.getElementById('box7').style.top = y;
  	document.getElementById('box7').style.left = x;

   document.getElementById('box8').style.top = y;
	document.getElementById('box8').style.left = x;

   document.getElementById('box9').style.top = y;
	document.getElementById('box9').style.left = x;

   document.getElementById('box10').style.top = y;
	document.getElementById('box10').style.left = x;

   document.getElementById('box11').style.top = y;
	document.getElementById('box11').style.left = x;
}
}

function change_in(res)
{
	if(res != 'box4')
	{
   	document.getElementById(res).style.visibility = "visible";
   	inside = true;
   }
}

function change_out(res)
{
	if(res != 'box4')
	{
   	document.getElementById(res).style.visibility = "hidden";
   	inside = false;
   }
}