<STYLE TYPE="text/css">
<!--

BODY{
overflow-x:hidden;
}

.s1
{
  position  : absolute;
  font-size : 10pt;
  color     : pink;
  visibility: hidden;
}

.s2
{
  position  : absolute;
  font-size : 19pt;
  color     : silver;
	visibility : hidden;
}

.s3
{
  position  : absolute;
  font-size : 15pt;
  color     : gold;
	visibility : hidden;
}

.s4
{
  position  : absolute;
  font-size : 12pt;
  color     : red;
	visibility : hidden;
}


</STYLE>

<DIV ID="div1" CLASS="s1">@</DIV>
<DIV ID="div2" CLASS="s2">$</DIV>
<DIV ID="div3" CLASS="s3">@</DIV>
<DIV ID="div4" CLASS="s4">$</DIV>

<p align="center"><font face="arial" size="-2">Java Script</font><br>
<font face="arial, helvetica" size="-2"><a href="http://www.manicse85.blogspot.com"></a></font></p>

<SCRIPT LANGUAGE="javascript" TYPE="text/javascript">



var standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body 

var nav = (!document.all || window.opera);
var tmr = null;
var spd = 50;
var x = 0;
var x_offset = 5;
var y = 0;
var y_offset = 15;

document.onmousemove = get_mouse; 

function get_mouse(e)
{    
  x = (nav) ? e.pageX : event.clientX+standardbody.scrollLeft;
  y = (nav) ? e.pageY : event.clientY+standardbody.scrollTop;
  x += x_offset;
  y += y_offset;
  beam(1);     
}

function beam(n)
{
  if(n<5)
  {
				document.getElementById('div'+n).style.top=y+'px'
				document.getElementById('div'+n).style.left=x+'px'
				document.getElementById('div'+n).style.visibility='visible'
    n++;
    tmr=setTimeout("beam("+n+")",spd);
  }
  else
  {
     clearTimeout(tmr);
     fade(4);
  }   
} 

function fade(n)
{
  if(n>0) 
  {
				document.getElementById('div'+n).style.visibility='hidden'
    n--;
    tmr=setTimeout("fade("+n+")",spd);
  }
  else clearTimeout(tmr);
} 

// -->
</SCRIPT>