[HTML-JAVASCRIPT]Efecto de focos de colores sobre la imagen

<DIV>
      <CENTER>
        <TABLE ALIGN="center" CELLSPACING="10" BORDER="0" WIDTH="400">
          <TBODY>
            <TR>
              <TD WIDTH="400">
                <H1 ALIGN="center"><FONT
                  COLOR="#FFFFFF">Spotlights</FONT></H1></TD>
            </TR>
            <TR>
              <TD ALIGN="center" ID="col" STYLE="FILTER: Light (enabled=1); WIDTH: 532px" BGCOLOR="#008000" WIDTH="532">
                <P><FONT FACE="Arial" SIZE="3" COLOR="#FFFFFF"><B>Pulsa para
                  ver más luces</B></FONT></P>
                <P><IMG ALT="type text here to describe your picture" SRC="http://www.tuweb.com/imagenes/imagen.jpg" BORDER="0"></P></TD>
            </TR>
          </TBODY>
        </TABLE> </CENTER> </DIV>

 <SCRIPT LANGUAGE="JavaScript">
var g_numlights = 0;

window.onload = setlights;
document.onclick=keyhandler;
col.onmousemove=mousehandler;

function setlights(){
   col.filters[0].clear();
   col.filters[0].addcone(0,0,5,100,100,255,255,0,60,15);

         if(g_numlights>0){
col.filters[0].addcone(0,200,5,100,100,255,0,0,60,15);

         if(g_numlights>1){
col.filters[0].addcone(200,200,5,100,100,255,99,255,60,15);

         if(g_numlights>2){
col.filters[0].addcone(200,0,5,100,100,150,150,150,60,15);

         if(g_numlights>3){
col.filters[0].addcone(300,200,10,100,100,255,0,0,60,15);

}
}
}
}
}

 
function keyhandler(){
   g_numlights = (g_numlights += 1)%5;
   
   setlights();
}


function mousehandler(){
   x = (window.event.x - 80);
   y = (window.event.y - 80);

col.filters[0].movelight(0,x,y,5,1);
if( g_numlights > 0 ){
   col.filters[0].movelight(1,x,y,5,1);
if( g_numlights > 1 ){
   col.filters[0].movelight(2,x,y,5,1);
if( g_numlights > 2 ){
   col.filters[0].movelight(3,x,y,5,1);
if( g_numlights > 3 ){
   col.filters[0].movelight(4,x,y,5,1);
}
}
}
}
}
</SCRIPT>