var MSIE4=(document.all&&!document.getElementById)?true:false;
var MSIE5=(document.all&&document.getElementById)?true:false;
var LayA=(document.layers)?true:false;
var EleA=(document.getElementById&&navigator.appName.indexOf("Netscape")>=0)?true:false;
var PicName='images/hato.gif';
var PicNum=10;
var DefoBod=20;
var DefoHe=20;
var FinBod=10;
var FinHe=10;
var Speed=70;
var BodDis=-60;
var HeDist=-60;
var NextHi=(DefoHe-FinHe)/PicNum;
var NextBod=(DefoBod-FinBod)/PicNum;
var Bod1=new Array();
var Hi1=new Array();
for(c1=0;c1<=PicNum;c1++){ Bod1[c1]=0; Hi1[c1]=0; }
var Ga=new Array();
var Move='';
for(c1=1;c1<=PicNum;c1++){
Move+=(LayA)?'<layer name="img'+c1+'" top="0" left="0" width="'+(DefoBod-(c1*NextBod-NextBod))+'" height="'+(DefoHe-(c1*NextHi-NextHi))+'" z-index="'+(PicNum-c1)+'" visibility="show">':'<div id="img'+c1+'" style="position:absolute; top:0px; left:0px; width:'+(DefoBod-(c1*NextBod-NextBod))+'px; height:'+(DefoHe-(c1*NextHi-NextHi))+'px;z-index:'+(PicNum-c1)+'; visibility:visible">';
Move+='<img src="'+PicName+'" width="'+(DefoBod-(c1*NextBod-NextBod))+'" height="'+(DefoHe-(c1*NextHi-NextHi))+'">';
Move+=(LayA)?'</layer>':'</div>';}
document.write(Move);
function GMC(Go){
Bod1[1]=BodDis+((MSIE4||MSIE5)?event.clientX+document.body.scrollLeft:Go.pageX);
Hi1[1]=HeDist+((MSIE4||MSIE5)?event.clientY+document.body.scrollTop:Go.pageY);
if(!EleA)MID(Ga[1], Bod1[1], Hi1[1]);}
function MID(Namae,Bodd,tate){
if(LayA)Namae.moveTo(Bodd,tate);
else{ Namae.style.left=Bodd; Namae.style.top=tate;}}
function MovePic(){
for(c1=PicNum;c1>1;c1=c1-1){
Bod1[c1]=Bod1[c1-1]+NextBod/2;
Hi1[c1]=Hi1[c1-1]+NextHi/2;}
for(c1=2;c1<=PicNum;c1++)MID(Ga[c1], Bod1[c1], Hi1[c1]);}
window.onload=function(){
for(c1=1;c1<=PicNum;c1++)Ga[c1]=(LayA)?document.layers['img'+c1]:(MSIE4)?document.all['img'+c1]:document.getElementById('img'+c1);
if(LayA)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=GMC;
if(EleA)setInterval('MID(Ga[1],Bod1[1],Hi1[1])',15);
setInterval('MovePic()',Speed);}