<!-- Copy and paste just above </BODY> in your HTML -->

<SCRIPT TYPE="text/javascript">
 /**
  ** Ghosts - Halloween -  JavaScript
  ** This script and many more are free at
  */
if(!window.Halloween) Halloween=new Object();
Halloween.ghostImages = new Array(
 "<img src='ghost3.gif'>",
 "<img src='ghost1.gif'>",
 "<img src='ghost2.gif'>",
 "<img src='ghost2.gif'>"
);
var ns4 = document.layers;
var ie4 = document.all;
Halloween.makeLayer = function(id)
{
 var el =  document.getElementById ? document.getElementById(id) :
   document.all   ? document.all[id] :
         document.layers[id];
 if(ns4) el.style=el;
 el.sP=function(x,y){this.style.left = x;this.style.top=y;};
 el.show=function(){ this.style.visibility = "visible"; }
 el.hide=function(){ this.style.visibility = "hidden"; }
 if(ns4 || window.opera)
  el.sO = function(pc){return 0;};
 else if(ie4)
  el.sO = function(pc)
  {
   if(this.style.filter=="")
    this.style.filter="alpha(opacity=100);";
   this.filters.alpha.opacity=pc;
  }
 else
  el.sO = function(pc){this.style.MozOpacity=pc/100;}

 return el;
}

if(window.innerWidth)
{
 gX=function(){return innerWidth;};
 gY=function(){return innerHeight;};
}
else
{
 gX=function(){return document.body.clientWidth-30;};
 gY=function(){return document.body.clientHeight-30;};
}
Halloween.ghostOutput=function()
{
 for(var i=0 ; i<Halloween.ghostImages.length ; i++)
  document.write(ns4 ? "<LAYER  NAME='gh"+i+"'>"+Halloween.ghostImages[i]+"</LAYER>" :
        "<DIV id='gh"+i+"' style='position:absolute'>"+Halloween.ghostImages[i]+"</DIV>" );
 
}
Halloween.ghostSprites = new Array();
Halloween.ghostStartAni = function()
{
 for(var i=0 ;i<Halloween.ghostImages.length;i++)
 {
  var el=Halloween.makeLayer("gh"+i);
  el.x=Math.random()*gX();
  el.y=Math.random()*gY();
  el.tx=Math.random()*gX();
  el.ty=Math.random()*gY();
  el.dx=-5+Math.random()*10;
  el.dy=-5+Math.random()*10;
  el.state="off";
  el.op=0;
  el.sO(el.op);
  el.hide();
  Halloween.ghostSprites[i] = el;
 }
 setInterval("Halloween.ghostAni()", 40);
}
Halloween.ghostAni = function()
{
 for(var i=0 ;i<Halloween.ghostSprites.length;i++)
 {
  el=Halloween.ghostSprites[i];

  if(el.state == "off")
  {
   if(Math.random() > .99)
   {
    el.state="up";
    el.show();
   }
  }
  else if(el.state == "on")
  {
   if(Math.random() > .98)
    el.state="down";
  }
  else if(el.state == "up")
  {
   el.op += 2;
   el.sO(el.op);
   if(el.op==100)
    el.state = "on";
  }
  else if(el.state == "down")
  {
   el.op -= 2;
   if(el.op==0)
   {
    el.hide();
    el.state = "off";
   }
   else
    el.sO(el.op);
  }

  var X = (el.tx - el.x);
  var Y = (el.ty - el.y);
  var len = Math.sqrt(X*X+Y*Y);
  if(len < 1) len = 1;
  var dx = 20 * (X/len);
  var dy = 20 * (Y/len);
  var ddx = (dx - el.dx)/10;
  var ddy = (dy - el.dy)/10;
  el.dx += ddx;
  el.dy += ddy;
  el.sP(el.x+=el.dx,el.y+=el.dy);

  if(Math.random() >.95 )
  {
   el.tx = Math.random()*gX();
   el.ty = Math.random()*gY();
  }

 }
}
Halloween.ghostStart = function()
{
 if(Halloween.ghostLoad)Halloween.ghostLoad();
 Halloween.ghostStartAni();
}
Halloween.ghostOutput();
Halloween.ghostLoad=window.onload;
window.onload=Halloween.ghostStart;

</SCRIPT>