DOM = false, MSIE4 = false, NS4 = false;

if (document.getElementById) {
  DOM = true;
} else {
  if (document.all) {
    MSIE4 = true;
  } else {
    if (document.layers) {
      NS4 = true;
    }
  }
}

var al, imagesrc, ex=-32, ey=-32, x0=400, y0=-32, tt=0, to=1, st=0, ix=-32, iy=-32, as=0 ,Anzahl=5, eins=0;
Img = new Array(53);

function Vorladen(){
if(eins==0){
 for (i=0; i < 53; i++){Img[i]=new Image()}
 for (i=0; i < 29; i++){Img[i].src="Spinne"+i+".gif"}
 for (i=1; i < 3; i++)
{
Img[((i-1)*8+29)].src="Spinne_r"+i+".gif";
Img[((i-1)*8+30)].src="Spinne_l"+i+".gif";
Img[((i-1)*8+31)].src="Spinne_o"+i+".gif";
Img[((i-1)*8+32)].src="Spinne_u"+i+".gif";
Img[((i-1)*8+33)].src="Spinne_lo"+i+".gif";
Img[((i-1)*8+34)].src="Spinne_lu"+i+".gif";
Img[((i-1)*8+35)].src="Spinne_ro"+i+".gif";
Img[((i-1)*8+36)].src="Spinne_ru"+i+".gif";
}
Img[45].src="Spinne_l.gif";
Img[46].src="Spinne_o.gif";
Img[47].src="Spinne_u.gif";
Img[48].src="Spinne_lo.gif";
Img[49].src="Spinnelu.gif";
Img[50].src="Spinne_ro.gif";
Img[51].src="Spinne_ru.gif";
Img[52].src="Spinne_r.gif";
eins=1;
}

if (eins==1){
setTimeout('Vorladen()',3000);
geladen=0;
for (i=0; i < 53; i++)
{if(Img[i].complete==1)geladen++;}
}

if((geladen>=52)&&(eins<2)){Animate();eins=2}

 if (document.addEventListener) {
    document.addEventListener("mousemove", handleMove, true);
  } else {
    if (NS4) {
      document.captureEvents(Event.MOUSEMOVE);
      document.onmousemove = handleMove;
    } else {
      document.body.onmousemove = handleMove;
    }
  }
}

brwsr=(document.layers)?1:0;

if (brwsr&&!DOM){ window.captureEvents(Event.MOUSEMOVE); for (i=0; i < Anzahl; i++)document.write("<LAYER NAME=n"+i+" LEFT=0 TOP=-50><IMG SRC='Spinne_o.gif' NAME='nsi'></LAYER>");}else{

 document.write('<div id="ie" style="position:absolute;top:0;left:0"><div style="position:relative">');

 for (i=0; i < Anzahl; i++)

 {document.write('<img name="SpinneLayer" id="SpinneLayerId'+i+'" src="Spinne_o.gif" style="position:absolute;top:-50;left:-32">')}

 document.write('</div></div>');}

bats=new Array('Spinne_u.gif')

Xpos=0;Ypos=-50;step=0.3;currStep=0;a_count=0;b_count=1;c_count=2;move=1;a=11;vz=0;

function handleMove(ev) {



 if (!ev)
    ev = window.event;
   ex = ev.pageX ? ev.pageX : ev.clientX;
   ey = ev.pageY ? ev.pageY : ev.clientY;
   if(window.pageYOffset)ey -= window.pageYOffset;

}

function Swirl(){

if (!brwsr)document.getElementById("ie").style.top=document.body.scrollTop;

for (i=0; i < 2; i++){

  if(st==0){
          if (Math.abs(ex-x0)>=40) { x0+=Math.floor((ex-x0)*0.025) }
          else if (ex!=x0) { x0+=Math.abs(ex-x0)/(ex-x0) }
          if (Math.abs(ey-y0)>=40) { y0+=Math.floor((ey-y0)*0.025) }
          else if (ey!=y0) { y0+=Math.abs(ey-y0)/(ey-y0) }
          }

  imagesrc=""
if ((ex==x0)&&(ey==y0)) {st+=1}
if (st==1) {iy=y0}
if (st==1) {ix=x0}
if (st>0) {
        as=(y0-ey+10)
        if ((iy==ey)&&(ix==ex)) {st+=1} else {st=0}
        stt=(st-100)/2  						// " /2 " sobald mit vz Abseilen langsamer sein soll
        if ((stt>-500)&&(stt<1)) imagesrc="Spinne_r1.gif"
        if ((stt>0)&&(stt<38)) imagesrc="Spinne_r1.gif"
        if ((stt>37)&&(stt<50)) imagesrc="Spinne_ru1.gif"
        if ((stt>49)&&(stt<60)) imagesrc="Spinne_u1.gif"
        if (vz==0)
        {
        		vz=1
 	       if ((stt>20)&&(stt<40)){y0+=1}
	        if ((stt>35)&&(stt<55)){x0+=1}
	        if ((stt>45)&&(stt<240)){y0+=1}
	        if ((stt>70)&&(stt<185)){y0+=1}
	        if ((stt>100)&&(stt<170)){y0+=1}
        }
        else      {vz=0}
        if ((as>26)&&(as<28)) imagesrc="Spinne0.gif"
        if ((as>27)&&(as<29)) imagesrc="Spinne1.gif"
        if ((as>28)&&(as<30)) imagesrc="Spinne2.gif"
        if ((as>29)&&(as<34)) imagesrc="Spinne3.gif"
        if ((as>33)&&(as<46)) imagesrc="Spinne4.gif"
        if ((as>45)&&(as<61)) imagesrc="Spinne5.gif"
        if ((as>60)&&(as<76)) imagesrc="Spinne6.gif"
        if ((as>75)&&(as<91)) imagesrc="Spinne7.gif"
        if ((as>90)&&(as<106)) imagesrc="Spinne8.gif"
        if ((as>105)&&(as<121)) imagesrc="Spinne9.gif"
        if ((as>120)&&(as<136)) imagesrc="Spinne10.gif"
        if ((as>135)&&(as<151)) imagesrc="Spinne11.gif"
        if ((as>150)&&(as<166)) imagesrc="Spinne12.gif"
        if ((as>165)&&(as<181)) imagesrc="Spinne13.gif"
        if ((as>180)&&(as<196)) imagesrc="Spinne14.gif"
        if ((as>195)&&(as<211)) imagesrc="Spinne15.gif"
        if ((as>210)&&(as<226)) imagesrc="Spinne16.gif"
        if ((as>225)&&(as<241)) imagesrc="Spinne17.gif"
        if ((as>240)&&(as<256)) imagesrc="Spinne18.gif"
        if ((as>255)&&(as<271)) imagesrc="Spinne19.gif"
        if ((as>270)&&(as<286)) imagesrc="Spinne20.gif"
        if ((as>285)&&(as<301)) imagesrc="Spinne21.gif"
        if ((as>300)&&(as<316)) imagesrc="Spinne22.gif"
        if ((as>315)&&(as<331)) imagesrc="Spinne23.gif"
        if ((as>330)&&(as<346)) imagesrc="Spinne24.gif"
        if ((as>345)&&(as<361)) imagesrc="Spinne25.gif"
        if ((as>360)&&(as<376)) imagesrc="Spinne26.gif"
        if ((as>375)&&(as<391)) imagesrc="Spinne27.gif"
        if ((as>390)&&(as<420)) imagesrc="Spinne28.gif"
        if (st>1200) st=0
        }else{

  tt+=1
  to=0
  if (tt==9) {tt=1}
  if((tt>2)&&(tt<5)) {to=1}
  if((tt>6)&&(tt<9)) {to=1}
 if((tt>0)&&(tt<3))
 {


  if ( (ex<x0) && ( (x0-ex) > Math.abs(y0-ey)/2 ) )
  { imagesrc="Spinne_l.gif"
    if ( (x0-ex) < Math.abs(y0-ey)*2 )
    { if (ey<y0) imagesrc="Spinne_lo.gif"
      if (ey>y0) imagesrc="Spinne_lu.gif"
    }
  }
  if ( (ex>x0) && ( (ex-x0) > Math.abs(y0-ey)/2) )
  { imagesrc="Spinne_r.gif"
    if ( (ex-x0) < Math.abs(y0-ey)*2 )
    { if (ey<y0) imagesrc="Spinne_ro.gif"
      if (ey>y0) imagesrc="Spinne_ru.gif"
    }
  }
    if (imagesrc=="")
  { if (ey<y0) imagesrc="Spinne_o.gif"
    if (ey>y0) imagesrc="Spinne_u.gif"
    if ((ex==x0)&&(ey==y0)) imagesrc="Spinne.gif"
  }
  }
 if (to==1)
 {
  if ( (ex<x0) && ( (x0-ex) > Math.abs(y0-ey)/2 ) )
  { imagesrc="Spinne_l1.gif"
    if ( (x0-ex) < Math.abs(y0-ey)*2 )
    { if (ey<y0) imagesrc="Spinne_lo1.gif"
      if (ey>y0) imagesrc="Spinne_lu1.gif"
    }
  }
  if ( (ex>x0) && ( (ex-x0) > Math.abs(y0-ey)/2) )
  { imagesrc="Spinne_r1.gif"
    if ( (ex-x0) < Math.abs(y0-ey)*2 )
    { if (ey<y0) imagesrc="Spinne_ro1.gif"
      if (ey>y0) imagesrc="Spinne_ru1.gif"
    }
   }
      if (imagesrc=="")
      { if (ey<y0) imagesrc="Spinne_o1.gif"
    if (ey>y0) imagesrc="Spinne_u1.gif"
    if ((ex==x0)&&(ey==y0)) imagesrc="Spinne.gif"
      }
 }
 if ((tt>4)&&(tt<7))
 {
  if ( (ex<x0) && ( (x0-ex) > Math.abs(y0-ey)/2 ) )
  { imagesrc="Spinne_l2.gif"
    if ( (x0-ex) < Math.abs(y0-ey)*2 )
    { if (ey<y0) imagesrc="Spinne_lo2.gif"
      if (ey>y0) imagesrc="Spinne_lu2.gif"
    }
   }
  if ( (ex>x0) && ( (ex-x0) > Math.abs(y0-ey)/2) )
  { imagesrc="Spinne_r2.gif"
    if ( (ex-x0) < Math.abs(y0-ey)*2 )
    { if (ey<y0) imagesrc="Spinne_ro2.gif"
      if (ey>y0) imagesrc="Spinne_ru2.gif"
    }
   }
      if (imagesrc=="")
  { if (ey<y0) imagesrc="Spinne_o2.gif"
    if (ey>y0) imagesrc="Spinne_u2.gif"
    if ((ex==x0)&&(ey==y0)) imagesrc="Spinne.gif"
  }
 }
}
 var layer=(document.layers)?document.layers["n"+i]:document.getElementById("SpinneLayerId"+i).style;

  Xpos=x0-34
  Ypos=y0-385

 layer.top = Ypos

 layer.left =Xpos
 }

}

function Animate(){
if(eins==2){
if (brwsr&&!DOM){
document.layers['n'+0].document.images['nsi'].src=imagesrc;
document.layers['n'+1].document.images['nsi'].src=imagesrc;
document.layers['n'+2].document.images['nsi'].src=imagesrc;}

else{document.getElementById("SpinneLayerId0").src=imagesrc;document.getElementById("SpinneLayerId1").src=imagesrc;document.getElementById("SpinneLayerId2").src=imagesrc;}

if (Anzahl > 2){ for (i=3; i < Anzahl; i++){ if (brwsr&&!DOM)document.layers['n'+i].document.images['nsi'].src=imagesrc;else document.getElementById("SpinneLayerId"+i).src=imagesrc;}}Swirl();}

setTimeout('Animate()',30)}


