if (document.layers) { // Netscape
    document.captureEvents(Event.MOUSEMOVE);
    document.onmousemove = captureMousePosition;
} else if (document.all) { // Internet Explorer
    document.onmousemove = captureMousePosition;
} else if (document.getElementById) { // Netcsape 6
    document.onmousemove = captureMousePosition;
}
// Global variables
xMousePos = 0; // Horizontal position of the mouse on the screen
yMousePos = 0; // Vertical position of the mouse on the screen
xMousePosMax = 0; // Width of the page
yMousePosMax = 0; // Height of the page

function captureMousePosition(e) {
    if (document.layers) {
        // When the page scrolls in Netscape, the event's mouse position
        // reflects the absolute position on the screen. innerHight/Width
        // is the position from the top/left of the screen that the user is
        // looking at. pageX/YOffset is the amount that the user has
        // scrolled into the page. So the values will be in relation to
        // each other as the total offsets into the page, no matter if
        // the user has scrolled or not.
        xMousePos = e.pageX;
        yMousePos = e.pageY;
        xMousePosMax = window.innerWidth+window.pageXOffset;
        yMousePosMax = window.innerHeight+window.pageYOffset;
    } else if (document.all) {
        // When the page scrolls in IE, the event's mouse position
        // reflects the position from the top/left of the screen the
        // user is looking at. scrollLeft/Top is the amount the user
        // has scrolled into the page. clientWidth/Height is the height/
        // width of the current page the user is looking at. So, to be
        // consistent with Netscape (above), add the scroll offsets to
        // both so we end up with an absolute value on the page, no
        // matter if the user has scrolled or not.
        xMousePos = window.event.x+document.body.scrollLeft;
        yMousePos = window.event.y+document.body.scrollTop;
        xMousePosMax = document.body.clientWidth+document.body.scrollLeft;
        yMousePosMax = document.body.clientHeight+document.body.scrollTop;
    } else if (document.getElementById) {
        // Netscape 6 behaves the same as Netscape 4 in this regard
        xMousePos = e.pageX;
        yMousePos = e.pageY;
        xMousePosMax = window.innerWidth+window.pageXOffset;
        yMousePosMax = window.innerHeight+window.pageYOffset;
    }
}




////////////////////////////////////////////////////////
function findPosX(obj)
  {
    var curleft = 0;
    if(obj.offsetParent)
        while(1) 
        {
          curleft += obj.offsetLeft;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.x)
        curleft += obj.x;
    return curleft;
  }

  function findPosY(obj)
  {
    var curtop = 0;
    if(obj.offsetParent)
        while(1)
        {
          curtop += obj.offsetTop;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.y)
        curtop += obj.y;
    return curtop;
  }
////////////////////////////////////////////////////////




var bananaPositionX = 0;
var bananaPositionY = 0;
var counter = 0;
var timer = 0;

function clearBanana() {
	for (i = 0; i <= 100; i++) {
		t=setTimeout("changeOpac(" + i + ")",(timer * 10));
		timer++;
	}
}

function changeOpac(opacity) {
	opacity = 100 - opacity;
	var object = document.getElementById('banana').style;
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
	
	if (opacity <= 0) {
		document.getElementById('bananaDiv').style.display = "none";
		document.getElementById('banana').src='http://www.1000000monkeys.com/images/promotion/thrown_banana.png';
		document.getElementById('bananaDiv').style.left = bananaPositionX - 50;
		document.getElementById('bananaDiv').style.top = bananaPositionY - 35;
		object.opacity = (1);
		object.MozOpacity = (1);
		object.KhtmlOpacity = (1);
		object.filter = "alpha(opacity=100)";
		timer = 0;
	}
}
	
function init() {
	setTimeout("start()",33000);
}

function start() {
//	bananaPositionX = document.getElementById('bananaDiv').style.display
//	tempX = findPosX(document.getElementById('monkey'));
//	tempY = findPosY(document.getElementById('monkey'));
//	alert ("x=" + tempX + " / y=" + tempY);
	document.getElementById('banana').src='http://www.1000000monkeys.com/images/promotion/thrown_banana.png';
	document.getElementById('bananaDiv').style.display = "inline";
	startThrow=setInterval("move()",50);
}


function move() {

	moveX = ((xMousePos - bananaPositionX) / 8);
	moveY = ((yMousePos - bananaPositionY) / 8);
	
	bananaPositionX = bananaPositionX + moveX;
	bananaPositionY = bananaPositionY + moveY;
		
	document.getElementById('bananaDiv').style.left = bananaPositionX - 50;
	document.getElementById('bananaDiv').style.top = bananaPositionY - 35;
	counter++;
//	document.getElementById('banana').innerHTML = "x: " + xMousePosMax;
	
	distanceBetween = (Math.abs(bananaPositionX - xMousePos) + Math.abs(bananaPositionY - yMousePos));
//	alert (distanceBetween);

	if (distanceBetween < 50) {
		clearInterval(startThrow);
		counter=0;
		document.getElementById('banana').src='http://www.1000000monkeys.com/images/promotion/banana_peel.png';
		
		
		bananaPositionX = findPosX(document.getElementById('monkey')) + 80;
		bananaPositionY = findPosY(document.getElementById('monkey')) + 30;
		setTimeout("clearBanana()",3000);
		init();
		
	}
	
	
//	if (counter==500){
//		clearInterval(startThrow);
//		counter=0;
//		document.getElementById('banana').src='http://www.1000000monkeys.com/images/promotion/banana_peel.png';
//	}
	
}




document.write ("<DIV ID='bananaDiv' STYLE='position:absolute;display:none;'><img ID='banana' width='100' height='70' border='0' src='http://www.1000000monkeys.com/images/promotion/thrown_banana.png'></DIV>");
document.write ("<DIV ID='monkey' STYLE='width:170px;height:95px;background-image:url(http://www.1000000monkeys.com/images/promotion/monkey_nametag.gif)'><DIV STYLE='font-family:arial;font-size:14;padding:2px;text-align:center;color:white;font-weight:bold;'>i am monkey #576</DIV><DIV STYLE='font-family:arial;font-size:11;padding:6px 12px 0px 68px;height:42px;'>Tux</DIV><DIV STYLE='font-family:arial;font-size:11;padding:6px 12px 0px 68px;text-align:right;'><A HREF='http://www.1000000monkeys.com/snippet.html?branch=4676' STYLE='color:#000000'>read my snippet &gt;</A></DIV></DIV>");



// FIRST THROW
bananaPositionX = findPosX(document.getElementById('monkey')) + 80;
bananaPositionY = findPosY(document.getElementById('monkey')) + 30;
init();