//<!-- Begin
var img  = "MoofCD2.gif";
var img2 = "MoofCD22.gif";
var ns   = (document.layers)?1:0;  	// Netscape ?
var i    = 0;				// Not used
var xp   = 0;				// image position
var mx,my;					// mouse position

var doc_width = 800;

// Netscape
if (ns) {
  document.write("<layer name=\"dot1\" left=\"15\" top=\"15\" visibility=\"show\"><img src='"+img+"' border=\"0\"></layer>");
  document.write("<layer name=\"dot2\" left=\"15\" top=\"15\" visibility=\"hide\"><img src='"+img2+"' border=\"0\"></layer>");
  window.captureEvents(Event.MOUSEMOVE);
  window.onMouseMove = mouseNS;    
} else {
// IE
  document.write("<div id=\"dot1\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+img+"' border=\"0\"></div>");
  document.write("<div id=\"dot2\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: hidden; TOP: 15px; LEFT: 15px;\"><img src='"+img2+"' border=\"0\"></div>");
  document.onmousemove = mouseIE;
}

// IE: capture mouse position
function mouseIE() {
	mx = event.x+document.body.scrollLeft;
	my = event.y+document.body.scrollTop;
}

// IE: move image
function moofIE() {

	xp = mx - 35;
	document.all["dot1"].style.pixelLeft = xp ;
	if ( ( my >= 90 ) && ( my <= 108) ) {
		document.all["dot2"].style.visibility = "visible";
		document.all["dot2"].style.pixelLeft  = xp ;
	} else {
		document.all["dot2"].style.visibility = "hidden";
	}
	setTimeout("moofIE()",10);

}

// Netscape : capture mouse position
function mouseNS(evnt) {
	mx = evnt.pageX;
	my = evnt.pageY;
}

// Netscape : move image
function moofNS() {
	xp = mx - 35;
	document.layers["dot1"].left = xp;
	if ( ( my >= 90 ) && ( my <= 108) ) {
		document.layers["dot2"].visibility = "show";
		document.layers["dot2"].left = xp;
	} else {
		document.layers["dot2"].visibility = "hide";
	}
	setTimeout("moofNS()",10);
}

if (ns) moofNS();
else    moofIE();

//  End -->