[common]
total_steps = 4

[step1]
insert_type = html

insert_where = currentSelect

insert_content = ``
<img id=myimage></img>``

[step2]
insert_type = script

insert_element = img

insert_element_id = myimage

insert_where = afterEnd

insert_content = ``
<script language="JavaScript1.2">

s = 50; // the size of the spotlight
vp = 10; // 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>``

[step3]
insert_type = inputdialog

insert_input_dialog_type = file

insert_element = img

insert_element_id = myimage

insert_attribute_key = src

[step4]
insert_type = style

insert_element = img

insert_element_id = myimage

insert_style_key = filter

insert_style_value = light


