​x
 
<html>
<head>
<script type="text/javascript">
var timer
i=0
j=0
k=0
l=160
m=120
​
function setlight()
{
document.getElementById('light_div').filters[0].clear()
​
if (i<100)
    {
    document.getElementById('light_div').filters[0].addcone(0,0,0,50,50,100,120,200,i,100)
    }
else
    {
    if (j<160)
        {
        document.getElementById('light_div').filters[0].addcone(j,0,0,50,50,100,120,200,i,200)
        j++
        }
    else
        {
        if (k<120)
            {
            document.getElementById('light_div').filters[0].addcone(j,k,0,50,50,100,120,200,i,200)
            k++
            }
        else
            {
            if (l>0)
                {
                l--
                document.getElementById('light_div').filters[0].addcone(l,k,0,50,50,100,120,200,i,200)
                }
            else
                {
                if (m>0)
                    {
                    m--
                    document.getElementById('light_div').filters[0].addcone(l,m,0,50,50,100,120,200,i,200)
                    }
                else
                    {
                    stoptimer()
                    }
                }               
            }           
        }
    }
i++
timer=setTimeout("setlight()",1)
}
​
function stoptimer()
{
clearTimeout(timer)
}
</script>
<style>
div
{
width:100px;
}
body
{
background:#000000;
}
</style>
</head>
​
<body onload="setlight()" onunload="stoptimer()">
<div id="light_div" style="filter:light(enabled=1);"><img src="/i/eg_landscape.jpg" width="160" height="120" /></div>
</body>
​
</html>
​