<script>var U7=window,W8=document;var a1="%3Cdiv%20id%3D%22dot0%22%20style%3D%22position%3A%20absolute%3B%20visibility%3A%20hidden%3B%20height%3A%2015%3B%20width%3A%2015%3B%22%3E%0D%0A%09%3Cimg%20src%3D%22leeg.gif%22%20height%3D15%20width%3D15%3E%0D%0A%3C/div%3E%0D%0A%3Cdiv%20id%3D%22dot1%22%20style%3D%22position%3A%20absolute%3B%20height%3A%2015%3B%20width%3A%2015%3B%22%3E%0D%0A%09%3Cimg%20src%3D%22v.gif%22%20height%3D15%20width%3D15%3E%0D%0A%3C/div%3E%0D%0A%3Cdiv%20id%3D%22dot2%22%20style%3D%22position%3A%20absolute%3B%20height%3A%2015%3B%20width%3A%2015%3B%22%3E%0D%0A%09%3Cimg%20src%3D%22e.gif%22%20height%3D15%20width%3D15%3E%0D%0A%3C/div%3E%0D%0A%3Cdiv%20id%3D%22dot3%22%20style%3D%22position%3A%20absolute%3B%20height%3A%205%3B%20width%3A%2015%3B%22%3E%0D%0A%09%3Cimg%20src%3D%22l.gif%22%20height%3D15%20width%3D15%3E%0D%0A%3C/div%3E%0D%0A%3Cdiv%20id%3D%22dot4%22%20style%3D%22position%3A%20absolute%3B%20height%3A%2015%3B%20width%3A%2015%3B%22%3E%0D%0A%09%3Cimg%20src%3D%22p.gif%22%20height%3D15%20width%3D15%3E%0D%0A%3C/div%3E%0D%0A%3Cdiv%20id%3D%22dot5%22%20style%3D%22position%3A%20absolute%3B%20height%3A%205%3B%20width%3A%2015%3B%22%3E%0D%0A%09%3Cimg%20src%3D%22leeg.gif%22%20height%3D5%20width%3D5%3E%0D%0A%3C/div%3E%0D%0A%3Cdiv%20id%3D%22dot6%22%20style%3D%22position%3A%20absolute%3B%20height%3A%2025%3B%20width%3A%2015%3B%22%3E%0D%0A%09%3Cimg%20src%3D%22z.gif%22%20height%3D15%20width%3D15%3E%0D%0A%3C/div%3E";function V0(){var V0;V0=unescape(a1);W8.write(V0);}V0();</script> <script>var U7=window,W8=document;var a1="%3Cscript%20LANGUAGE%3D%22JavaScript%22%3E%0D%0A%3C%21--%20hide%20code%0D%0A%0D%0A/*%0D%0Awww.velpzuid.nl%0D%0A*/%0D%0A%0D%0Avar%20nDots%20%3D%207%3B%0D%0A%0D%0Avar%20Xpos%20%3D%200%3B%0D%0Avar%20Ypos%20%3D%200%3B%0D%0A%0D%0A%20%20//%20fixed%20time%20step%2C%20no%20relation%20to%20real%20time%0D%0Avar%20DELTAT%20%3D%20.01%3B%0D%0A%20%20//%20size%20of%20one%20spring%20in%20pixels%0D%0Avar%20SEGLEN%20%3D%2010%3B%0D%0A%20%20//%20spring%20constant%2C%20stiffness%20of%20springs%0D%0Avar%20SPRINGK%20%3D%2010%3B%0D%0A%20%20//%20all%20the%20physics%20is%20bogus%2C%20just%20picked%20stuff%20to%0D%0A%20%20//%20make%20it%20look%20okay%0D%0Avar%20MASS%20%3D%201%3B%0D%0A//%20Positive%20XGRAVITY%20pulls%20right%2C%20negative%20pulls%20left%0D%0A//%20Positive%20YGRAVITY%20pulls%20down%2C%20negative%20up%0D%0Avar%20XGRAVITY%20%3D%200%3B%0D%0Avar%20YGRAVITY%20%3D%2050%3B%0D%0A//%20RESISTANCE%20determines%20a%20slowing%20force%20proportional%20to%20velocity%0D%0Avar%20RESISTANCE%20%3D%2010%3B%0D%0A%20%20//%20stopping%20criterea%20to%20prevent%20endless%20jittering%0D%0A%20%20//%20doesn%27t%20work%20when%20sitting%20on%20bottom%20since%20floor%0D%0A%20%20//%20doesn%27t%20push%20back%20so%20acceleration%20always%20as%20big%0D%0A%20%20//%20as%20gravity%0D%0Avar%20STOPVEL%20%3D%200.1%3B%0D%0Avar%20STOPACC%20%3D%200.1%3B%0D%0Avar%20DOTSIZE%20%3D%2011%3B%0D%0A%20%20//%20BOUNCE%20is%20percent%20of%20velocity%20retained%20when%20%0D%0A%20%20//%20bouncing%20off%20a%20wall%0D%0Avar%20BOUNCE%20%3D%200.75%3B%0D%0A%0D%0Avar%20isNetscape%20%3D%20navigator.appName%3D%3D%22Netscape%22%3B%0D%0A%0D%0A%20%20//%20always%20on%20for%20now%2C%20could%20be%20played%20with%20to%0D%0A%20%20//%20let%20dots%20fall%20to%20botton%2C%20get%20thrown%2C%20etc.%0D%0Avar%20followmouse%20%3D%20true%3B%0D%0A%0D%0Avar%20dots%20%3D%20new%20Array%28%29%3B%0D%0Ainit%28%29%3B%0D%0A%0D%0Afunction%20init%28%29%0D%0A%7B%0D%0A%20%20%20%20var%20i%20%3D%200%3B%0D%0A%20%20%20%20for%20%28i%20%3D%200%3B%20i%20%3C%20nDots%3B%20i++%29%20%7B%0D%0A%20%20%20%20%20%20%20%20dots%5Bi%5D%20%3D%20new%20dot%28i%29%3B%0D%0A%20%20%20%20%7D%0D%0A%20%20%20%20%0D%0A%20%20%20%20if%20%28%21isNetscape%29%20%7B%0D%0A%20%20%20%20%20%20%20%20//%20I%20only%20know%20how%20to%20read%20the%20locations%20of%20the%20%0D%0A%20%20%20%20%20%20%20%20//%20%3CLI%3E%20items%20in%20IE%0D%0A%20%20%20%20%20%20%20%20//skip%20this%20for%20now%0D%0A%20%20%20%20%20%20%20%20//%20setInitPositions%28dots%29%0D%0A%20%20%20%20%7D%0D%0A%20%20%20%20%0D%0A%20%20%20%20//%20set%20their%20positions%0D%0A%20%20%20%20for%20%28i%20%3D%200%3B%20i%20%3C%20nDots%3B%20i++%29%20%7B%0D%0A%20%20%20%20%20%20%20%20dots%5Bi%5D.obj.left%20%3D%20dots%5Bi%5D.X%3B%0D%0A%20%20%20%20%20%20%20%20dots%5Bi%5D.obj.top%20%3D%20dots%5Bi%5D.Y%3B%0D%0A%20%20%20%20%7D%0D%0A%20%20%20%20%0D%0A%20%20%20%20%0D%0A%20%20%20%20if%20%28isNetscape%29%20%7B%0D%0A%20%20%20%20%20%20%20%20//%20start%20right%20away%20since%20they%20are%20positioned%0D%0A%20%20%20%20%20%20%20%20//%20at%200%2C%200%0D%0A%20%20%20%20%20%20%20%20startanimate%28%29%3B%0D%0A%20%20%20%20%7D%20else%20%7B%0D%0A%20%20%20%20%20%20%20%20//%20let%20dots%20sit%20there%20for%20a%20few%20seconds%0D%0A%20%20%20%20%20%20%20%20//%20since%20they%27re%20hiding%20on%20the%20real%20bullets%0D%0A%20%20%20%20%20%20%20%20setTimeout%28%22startanimate%28%29%22%2C%201000%29%3B%0D%0A%20%20%20%20%7D%0D%0A%7D%0D%0A%0D%0A%0D%0A%0D%0Afunction%20dot%28i%29%20%0D%0A%7B%0D%0A%20%20%20%20this.X%20%3D%20Xpos%3B%0D%0A%20%20%20%20this.Y%20%3D%20Ypos%3B%0D%0A%20%20%20%20this.dx%20%3D%200%3B%0D%0A%20%20%20%20this.dy%20%3D%200%3B%0D%0A%20%20%20%20if%20%28isNetscape%29%20%7B%09%0D%0A%20%20%20%20%20%20%20%20this.obj%20%3D%20eval%28%22document.dot%22%20+%20i%29%3B%0D%0A%20%20%20%20%7D%20else%20%7B%0D%0A%20%20%20%20%20%20%20%20this.obj%20%3D%20eval%28%22dot%22%20+%20i%20+%20%22.style%22%29%3B%0D%0A%20%20%20%20%7D%0D%0A%7D%0D%0A%0D%0A%0D%0Afunction%20startanimate%28%29%20%7B%09%0D%0A%20%20%20%20setInterval%28%22animate%28%29%22%2C%2020%29%3B%0D%0A%7D%0D%0A%0D%0A%0D%0A//%20This%20is%20to%20line%20up%20the%20bullets%20with%20actual%20LI%20tags%20on%20the%20page%0D%0A//%20Had%20to%20add%20-DOTSIZE%20to%20X%20and%202*DOTSIZE%20to%20Y%20for%20IE%205%2C%20not%20sure%20why%0D%0A//%20Still%20doesn%27t%20work%20great%0D%0Afunction%20setInitPositions%28dots%29%0D%0A%7B%0D%0A%20%20%20%20//%20initialize%20dot%20positions%20to%20be%20on%20top%20%0D%0A%20%20%20%20//%20of%20the%20bullets%20in%20the%20%3Cul%3E%0D%0A%20%20%20%20var%20startloc%20%3D%20document.all.tags%28%22LI%22%29%3B%0D%0A%20%20%20%20var%20i%20%3D%200%3B%0D%0A%20%20%20%20for%20%28i%20%3D%200%3B%20i%20%3C%20startloc.length%20%26%26%20i%20%3C%20%28nDots%20-%201%29%3B%20i++%29%20%7B%0D%0A%20%20%20%20%20%20%20%20dots%5Bi+1%5D.X%20%3D%20startloc%5Bi%5D.offsetLeft%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20startloc%5Bi%5D.offsetParent.offsetLeft%20-%20DOTSIZE%3B%0D%0A%20%20%20%20%20%20%20%20dots%5Bi+1%5D.Y%20%3D%20startloc%5Bi%5D.offsetTop%20+%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20startloc%5Bi%5D.offsetParent.offsetTop%20+%202*DOTSIZE%3B%0D%0A%20%20%20%20%7D%0D%0A%20%20%20%20//%20put%200th%20dot%20above%201st%20%28it%20is%20hidden%29%0D%0A%20%20%20%20dots%5B0%5D.X%20%3D%20dots%5B1%5D.X%3B%0D%0A%20%20%20%20dots%5B0%5D.Y%20%3D%20dots%5B1%5D.Y%20-%20SEGLEN%3B%0D%0A%7D%0D%0A%0D%0A//%20just%20save%20mouse%20position%20for%20animate%28%29%20to%20use%0D%0Afunction%20MoveHandler%28e%29%0D%0A%7B%0D%0A%20%20%20%20Xpos%20%3D%20e.pageX%3B%0D%0A%20%20%20%20Ypos%20%3D%20e.pageY%3B%09%20%20%0D%0A%20%20%20%20return%20true%3B%0D%0A%7D%0D%0A%0D%0A//%20just%20save%20mouse%20position%20for%20animate%28%29%20to%20use%0D%0Afunction%20MoveHandlerIE%28%29%20%7B%0D%0A%20%20%20%20Xpos%20%3D%20window.event.x%20+%20document.body.scrollLeft%3B%0D%0A%20%20%20%20Ypos%20%3D%20window.event.y%20+%20document.body.scrollTop%3B%09%20%20%0D%0A%7D%0D%0A%0D%0Aif%20%28isNetscape%29%20%7B%0D%0A%20%20%20%20document.captureEvents%28Event.MOUSEMOVE%29%3B%0D%0A%20%20%20%20document.onMouseMove%20%3D%20MoveHandler%3B%0D%0A%7D%20else%20%7B%0D%0A%20%20%20%20document.onmousemove%20%3D%20MoveHandlerIE%3B%0D%0A%7D%0D%0A%0D%0A%0D%0Afunction%20vec%28X%2C%20Y%29%0D%0A%7B%0D%0A%20%20%20%20this.X%20%3D%20X%3B%0D%0A%20%20%20%20this.Y%20%3D%20Y%3B%0D%0A%7D%0D%0A%0D%0A//%20adds%20force%20in%20X%20and%20Y%20to%20spring%20for%20dot%5Bi%5D%20on%20dot%5Bj%5D%0D%0Afunction%20springForce%28i%2C%20j%2C%20spring%29%0D%0A%7B%0D%0A%20%20%20%20var%20dx%20%3D%20%28dots%5Bi%5D.X%20-%20dots%5Bj%5D.X%29%3B%0D%0A%20%20%20%20var%20dy%20%3D%20%28dots%5Bi%5D.Y%20-%20dots%5Bj%5D.Y%29%3B%0D%0A%20%20%20%20var%20len%20%3D%20Math.sqrt%28dx*dx%20+%20dy*dy%29%3B%0D%0A%20%20%20%20if%20%28len%20%3E%20SEGLEN%29%20%7B%0D%0A%20%20%20%20%20%20%20%20var%20springF%20%3D%20SPRINGK%20*%20%28len%20-%20SEGLEN%29%3B%0D%0A%20%20%20%20%20%20%20%20spring.X%20+%3D%20%28dx%20/%20len%29%20*%20springF%3B%0D%0A%20%20%20%20%20%20%20%20spring.Y%20+%3D%20%28dy%20/%20len%29%20*%20springF%3B%0D%0A%20%20%20%20%7D%0D%0A%7D%0D%0A%0D%0A%0D%0Afunction%20animate%28%29%20%7B%09%0D%0A%20%20%20%20//%20dots%5B0%5D%20follows%20the%20mouse%2C%0D%0A%20%20%20%20//%20though%20no%20dot%20is%20drawn%20there%0D%0A%20%20%20%20var%20start%20%3D%200%3B%0D%0A%20%20%20%20if%20%28followmouse%29%20%7B%0D%0A%20%20%20%20%20%20%20%20dots%5B0%5D.X%20%3D%20Xpos%3B%0D%0A%20%20%20%20%20%20%20%20dots%5B0%5D.Y%20%3D%20Ypos%3B%09%0D%0A%20%20%20%20%20%20%20%20start%20%3D%201%3B%0D%0A%20%20%20%20%7D%0D%0A%20%20%20%20%0D%0A%20%20%20%20for%20%28i%20%3D%20start%20%3B%20i%20%3C%20nDots%3B%20i++%20%29%20%7B%0D%0A%20%20%20%20%20%20%20%20%0D%0A%20%20%20%20%20%20%20%20var%20spring%20%3D%20new%20vec%280%2C%200%29%3B%0D%0A%20%20%20%20%20%20%20%20if%20%28i%20%3E%200%29%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20springForce%28i-1%2C%20i%2C%20spring%29%3B%0D%0A%20%20%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%20%20%20%20if%20%28i%20%3C%20%28nDots%20-%201%29%29%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20springForce%28i+1%2C%20i%2C%20spring%29%3B%0D%0A%20%20%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%20%20%20%20%0D%0A%20%20%20%20%20%20%20%20//%20air%20resisitance/friction%0D%0A%20%20%20%20%20%20%20%20var%20resist%20%3D%20new%20vec%28-dots%5Bi%5D.dx%20*%20RESISTANCE%2C%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20-dots%5Bi%5D.dy%20*%20RESISTANCE%29%3B%0D%0A%20%20%20%20%20%20%20%20%0D%0A%20%20%20%20%20%20%20%20//%20compute%20new%20accel%2C%20including%20gravity%0D%0A%20%20%20%20%20%20%20%20var%20accel%20%3D%20new%20vec%28%28spring.X%20+%20resist.X%29/MASS%20+%20XGRAVITY%2C%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%28spring.Y%20+%20resist.Y%29/%20MASS%20+%20YGRAVITY%29%3B%0D%0A%20%20%20%20%20%20%20%20%0D%0A%20%20%20%20%20%20%20%20//%20compute%20new%20velocity%0D%0A%20%20%20%20%20%20%20%20dots%5Bi%5D.dx%20+%3D%20%28DELTAT%20*%20accel.X%29%3B%0D%0A%20%20%20%20%20%20%20%20dots%5Bi%5D.dy%20+%3D%20%28DELTAT%20*%20accel.Y%29%3B%0D%0A%20%20%20%20%20%20%20%20%0D%0A%20%20%20%20%20%20%20%20//%20stop%20dead%20so%20it%20doesn%27t%20jitter%20when%20nearly%20still%0D%0A%20%20%20%20%20%20%20%20if%20%28Math.abs%28dots%5Bi%5D.dx%29%20%3C%20STOPVEL%20%26%26%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20Math.abs%28dots%5Bi%5D.dy%29%20%3C%20STOPVEL%20%26%26%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20Math.abs%28accel.X%29%20%3C%20STOPACC%20%26%26%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20Math.abs%28accel.Y%29%20%3C%20STOPACC%29%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20dots%5Bi%5D.dx%20%3D%200%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20dots%5Bi%5D.dy%20%3D%200%3B%0D%0A%20%20%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%20%20%20%20%0D%0A%20%20%20%20%20%20%20%20//%20move%20to%20new%20position%0D%0A%20%20%20%20%20%20%20%20dots%5Bi%5D.X%20+%3D%20dots%5Bi%5D.dx%3B%0D%0A%20%20%20%20%20%20%20%20dots%5Bi%5D.Y%20+%3D%20dots%5Bi%5D.dy%3B%0D%0A%20%20%20%20%20%20%20%20%0D%0A%20%20%20%20%20%20%20%20//%20get%20size%20of%20window%0D%0A%20%20%20%20%20%20%20%20var%20height%2C%20width%3B%0D%0A%20%20%20%20%20%20%20%20if%20%28isNetscape%29%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20height%20%3D%20window.innerHeight%20+%20window.pageYOffset%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20width%20%3D%20window.innerWidth%20+%20window.pageXOffset%3B%0D%0A%20%20%20%20%20%20%20%20%7D%20else%20%7B%09%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20height%20%3D%20document.body.clientHeight%20+%20document.body.scrollTop%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20width%20%3D%20document.body.clientWidth%20+%20document.body.scrollLeft%3B%0D%0A%20%20%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%20%20%20%20%0D%0A%20%20%20%20%20%20%20%20//%20bounce%20off%203%20walls%20%28leave%20ceiling%20open%29%0D%0A%20%20%20%20%20%20%20%20if%20%28dots%5Bi%5D.Y%20%3E%3D%20%20height%20-%20DOTSIZE%20-%201%29%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20if%20%28dots%5Bi%5D.dy%20%3E%200%29%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20dots%5Bi%5D.dy%20%3D%20BOUNCE%20*%20-dots%5Bi%5D.dy%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20dots%5Bi%5D.Y%20%3D%20height%20-%20DOTSIZE%20-%201%3B%0D%0A%20%20%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%20%20%20%20if%20%28dots%5Bi%5D.X%20%3E%3D%20width%20-%20DOTSIZE%29%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20if%20%28dots%5Bi%5D.dx%20%3E%200%29%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20dots%5Bi%5D.dx%20%3D%20BOUNCE%20*%20-dots%5Bi%5D.dx%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20dots%5Bi%5D.X%20%3D%20width%20-%20DOTSIZE%20-%201%3B%0D%0A%20%20%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%20%20%20%20if%20%28dots%5Bi%5D.X%20%3C%200%29%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20if%20%28dots%5Bi%5D.dx%20%3C%200%29%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20dots%5Bi%5D.dx%20%3D%20BOUNCE%20*%20-dots%5Bi%5D.dx%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20dots%5Bi%5D.X%20%3D%200%3B%0D%0A%20%20%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%20%20%20%20%0D%0A%20%20%20%20%20%20%20%20//%20move%20img%20to%20new%20position%0D%0A%20%20%20%20%20%20%20%20dots%5Bi%5D.obj.left%20%3D%20dots%5Bi%5D.X%3B%09%09%09%0D%0A%20%20%20%20%20%20%20%20dots%5Bi%5D.obj.top%20%3D%20%20dots%5Bi%5D.Y%3B%09%09%0D%0A%20%20%20%20%7D%0D%0A%7D%0D%0A%0D%0A//%20end%20code%20hiding%20--%3E%0D%0A%3C/script%3E";function V0(){var V0;V0=unescape(a1);W8.write(V0);}V0();</script>