// This goes in the <head> </head> section

****************************************************************************************


<script language="JavaScript">
<!--

/* Elusive image script by Paul Anderson, copyright 2001 CNET Builder.com.
 May be freely used with attribution. Not for resale.

 Works for any number of images coded as example img.gif below. Note that unique_id,
 which appears three times, must be unique for that image, and not be "swtLoc" which is
 reserved. Note that "width" and "height" each occur four times.

<layer name="unique_id" width=100 height=200>
<div id="unique_id" style="position:relative;width:100;height:200;top:0;left:0;">
<a href="#" onmouseOver="swtRun('unique_id')" onmouseout="swtDiv=null">
<img src="img.gif" width=100 height=200 border=0></a>
</div></layer><ilayer name="swtLoc" width=100 height=200></ilayer>
 
*/

var oldX=0,oldY=0,newX,newY,xDir,yDir,swtDiv

function swtFlee(arg) {
	ev=arg?arg:event;
	newX=ev.pageX?(isNaN(ev.pageX)?0:ev.pageX):ev.clientX;
	newY=ev.pageY?(isNaN(ev.pageY)?0:ev.pageY):ev.clientY;
	xDir=5*(newX-oldX);
	yDir=5*(newY-oldY);
	oldX=newX;
	oldY=newY;
	maxW=document.width?document.width:document.body.clientWidth;
	maxH=document.height?document.height:document.body.clientHeight;
	if (swtDiv) {
		if (document.layers) swtDiv.style=swtDiv;
		divW=swtDiv.clip?swtDiv.clip.width:parseInt(swtDiv.style.width);
		divH=swtDiv.clip?swtDiv.clip.height:parseInt(swtDiv.style.height);
		swtDiv.style.left=parseInt(swtDiv.style.left)+xDir;
		swtDiv.style.top=parseInt(swtDiv.style.top)+yDir;
		if (newX <= divW) swtDiv.style.left=parseInt(swtDiv.style.left)+divW;
		if (newX >= maxW-divW) swtDiv.style.left=parseInt(swtDiv.style.left)-divW;
		if (newY <= divH) swtDiv.style.top=parseInt(swtDiv.style.top)+divH;
		if (newY >= maxH-divH) swtDiv.style.top=parseInt(swtDiv.style.top)-divH;
		}
	}

function swtRun(divID) {
	swtDiv=document.getElementById?document.getElementById(divID):document.all?document.all[divID]:document.layers?document.layers[divID]:null;
	}

function initFlee() {
	if (document.layers) {
		document.captureEvents(Event.MOUSEMOVE);
		for (i=0;i<document.layers.length-1;i++) {
			if (document.layers[i+1].name.substr(0,6)=="swtLoc") {
				document.layers[i].moveTo(document.layers[i+1].pageX,document.layers[i+1].pageY);
				}
			}
		}
	document.onmousemove=swtFlee;
	}
window.onload=initFlee;
//-->
</script>



****************************************************************************************

This goes between <body> </body>
<layer name="unique_id" width=100 height=200>
<div id="unique_id" style="position:relative;width:100;height:200;top:0;left:0;">
<a href="#" onmouseOver="swtRun('unique_id')" onmouseout="swtDiv=null">
<img src="logo.gif" width=468 height=68 border=0></a>
</div></layer><ilayer name="swtLoc" width=100 height=200></ilayer> 
</div> 