MAGIC SPOTLIGHT
Want to make your photo have a spotlight that follows your mouse?

Requirements
- Image
- Notepad

1. Place this code in the <HEAD> section of your html document.

2. Copy and paste this code into your <BODY> section of your html document.

//Image spotlight effect- By Erik F (die_schlampe@hotmail.com)
//Code enhancements by Dynamicdrive.com
//Visit http://www.dynamicdrive.com for this script

s = 50; // the size of the spotlight
vp = 50; // the visibility percent of the picture
startx = 0; // the top position of your sportlight into the image (on start)
starty = 0; // the left position of your spotlight into the image (on start)

//////////////////////////////////////////////////////////////////
//		No need to edit below this line			//
//////////////////////////////////////////////////////////////////

var IE = document.all?true:false

function moveL()
{
xv = tempX;
yv = tempY;
myimage.filters.light.MoveLight(1,xv,yv,s,true);
}

if (IE&&myimage.filters)
document.all.myimage.onmousemove = getMouseXY;
var tempX = 0
var tempY = 0

function getMouseXY(e) {
tempX = event.offsetX
tempY = event.offsetY

if (tempX < 0){tempX = 0}
  if (tempY < 0){tempY = 0}
  if (t)
  {  
   moveL();
  }

return true
}

var xv = startx;
var yv = starty;
var t= true;
if (IE&&myimage.filters){
myimage.style.cursor="hand";
myimage.filters.light.addAmbient(255,255,255,vp)
myimage.filters.light.addPoint(startx,starty,s,255,255,255,255)
}

</script>

3. Replace where it says "IMAGE URL HERE" with your image url.

4. Depending on the size of your image, you may want to adjust the size of the spotlight. This can be done so in the following section of the code.

s = 50; // the size of the spotlight adjust the size of your spotlight here.
vp = 10; // the visibility percent of the picture adjust the visibility percent of your picture. If you want it to be brighter, try 50.

Disclaimer: Image (C) Grace & Bunnyland. Do not take / redistribute!