var speedx = 10;
var speedy = 10;

var eyesx = 0;
var eyesy = 0;
var targetx = 0;
var targety = 0;

function rollmouse(e) {
	var posx = 0;
	var posy = 0;
  
  var centerx = Math.floor(document.body.offsetWidth / 2);
  var centery = 293;
  
	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
			+ document.documentElement.scrollLeft;
		posy = e.clientY + document.body.scrollTop
			+ document.documentElement.scrollTop;
	}
  
  targetx = Math.floor((posx - centerx)/10);
  targety = Math.floor((posy - centery)/2);
}

function rolleyes() {
  for (i = 0; i < speedx; i++) {
    if (targetx < eyesx) { eyesx--; } else if (targetx > eyesx) { eyesx++; }
  }
  for (i = 0; i < speedy; i++) {
    if (targety < eyesy) { eyesy--; } else if (targety > eyesy) { eyesy++; }
  }
  
  if (eyesx < -114) { eyesx = -114; }
  if (eyesx > 98) { eyesx = 98; }
  if (eyesy < -29) { eyesy = -29; }
  if (eyesy > 24) { eyesy = 24; }
  
  document.getElementById('eye1').style.left = (100+eyesx)+'px';
  document.getElementById('eye1').style.top = (40+eyesy)+'px';
  document.getElementById('eye2').style.left = (670+eyesx)+'px';
  document.getElementById('eye2').style.top = (40+eyesy)+'px';
}

document.onmousemove = rollmouse;
window.setInterval('rolleyes()', 15);