var aktive_Klappe;

var tdcode;
var tdname;
var tdstyle;

var xtop;

var ahk;

var PosX;
var PosY;

var x;
var y;

var wait;

var rollout=new Array();
var rollin;
var rollalt;

var rollerrein;
var rolleran;
var rollerweg;
var roller;

var level;
var leveltop;
var toplevel;
var lastlevel;
var samelevel;

var feld0;
var feld1;
var feld2;
var feld3;
var feld4;

var nix;
var zeit;
var num=new Array();

var riegelpos;

xtop=0;

/*
##########

var fromtop;
var fromleft;
fromtop = 20;
fromleft = 20;

if(screen.availWidth > 820)
{
fromleft = screen.availWidth/2-400;
}

if(screen.availHeight > 620)
{
fromtop = screen.availHeight/2-320;
};
#############
*/










function init_roll(hauptmenue)
{
y=1;
zeit=100;
rollout[0]="info";
level=0;
leveltop=0;

PosX=180;
PosY=190;


aktive_Klappe = hauptmenue;

}



function ktr()
{
window.clearTimeout(wait);
}


function speicher_vier(rollerrein)
{
samelevel=rollerrein;
}


function speicher_drei(rollerrein)
{
lastlevel=rollerrein;
}


function speicher_zwei(rollerrein)
{
toplevel=rollerrein;
}


function speicher(rollerrein,x,feld0,feld1,feld2,feld3,feld4)
{
for(i=0; i<=x; i++)
{
if(i==0)
num[0]=feld0;
if(i==1)
num[1]=feld1;
if(i==2)
num[2]=feld2;
if(i==3)
num[3]=feld3;
if(i==4)
num[4]=feld4;
}

}




function vta(rollerrein,x,feld0,feld1,feld2,feld3,feld4)
{

speicher(rollerrein,x,feld0,feld1,feld2,feld3,feld4);
window.clearTimeout(wait);


<!-------first------------->

if(y==1 && rollerrein!=nix)
{
speicher_zwei(rollerrein);
tausch(rollerrein);
y++;
level=x;
speicher_vier(rollerrein);
speicher_drei(rollerrein);
}

<!-------pfade-------->

else if(rollerrein!=nix)
{
speicher_zwei(rollerrein);

<!-------von-oben------>

if(level>x)
{

for(h=x+1; h<=level; h++)
{
zurueck(num[h]);
zurueck(lastlevel);
}

speicher_drei(rollerrein);
zurueck(lastlevel);
tausch(rollerrein);
level=x+1;
}

<!-------same------->


else
{
if(leveltop>x && rollerrein!=samelevel)
{
zurueck(samelevel);
zurueck(rollerrein);
tausch(rollerrein);
level=x;
leveltop=x+1;
speicher_drei(rollerrein);
speicher_vier(rollerrein);
}

else
{
zurueck(rollerrein);
tausch(rollerrein);
level=x;
leveltop=x+1;
speicher_drei(rollerrein);
speicher_vier(rollerrein);
}

}

}

<!-------ohne------>

else
{

if(leveltop>x && num[x]!=toplevel)
{
zurueck(toplevel);

for(h=x+1; h<=level; h++)
{
zurueck(num[h]);
}
level=x;
}

else
{
level=x;
}
}

}


function tausch(roller)
{
window.clearTimeout(wait);
//alert(aktive_Klappe);
tdcode = 'td';
tdname = roller+tdcode;
if(document.all)
{

if(aktive_Klappe)
{
tdstyle = document.all[aktive_Klappe].style;
tdstyle.backgroundColor='#ededed';
}

tdstyle = document.all[tdname].style;
tdstyle.backgroundColor='#ffffff';

xtop=document.all.mastertemplate.offsetWidth/2-395;
rollin=document.all[roller].style;
rollin.left=xtop;
rollin.visibility="visible";
}
else if(document.layers)
{
xtop=window.innerWidth/2-394;
rollin=document.layers[roller];
rollin.left=xtop;
rollin.visibility="visible";
}
else if(document.getElementById)
{

if(aktive_Klappe)
{
tdstyle = document.getElementById([aktive_Klappe]).style;
tdstyle.backgroundColor='#ededed';
}

tdstyle = document.getElementById([tdname]).style;
tdstyle.backgroundColor='#ffffff';

xtop=window.innerWidth/2-393;
rollin=document.getElementById([roller]).style;
rollin.left=xtop;
rollin.visibility="visible";
}
}


function coordsie(baby)
 {
if(document.all)
{
PosX = window.event.x;
PosY = window.event.y;
}


return true;
}


function coordsns()
{

if (document.all)
{
//void(0);
}
else if (document.layers)
{
window.captureEvents(Event.MOUSEMOVE);
window.onmousemove = modelpagens;
}
else if (document.getElementById)
{
window.captureEvents(Event.MOUSEMOVE);
window.onmousemove = modelpagens;
}
}

function modelpagens(Ereignis)
{
PosX=Ereignis.pageX;
PosY=Ereignis.pageY;
}








function vorher(baby)
{
ahk=baby;

if(PosX >= 780+xtop || PosX <= xtop || PosY >= 170 || PosY <= 100 )
{
zvz(ahk);
}
else
{
vta(nix,0,ahk);
wait=setTimeout("vorher(ahk)" ,10);
}

}



function zvz(rollerrein)
{
di=rollerrein;
wait=setTimeout("vor_zurueck(di)",zeit);
}


function vor_zurueck(rollerrein)
{
zurueck(rollerrein);
for(i=0; i<=level; i++)
{
zurueck(num[i]);
}
}


function zurueck(roller)
{
tdcode = 'td';
tdname = roller+tdcode;

if(document.all)
{

tdstyle = document.all[tdname].style;
tdstyle.backgroundColor='#ededed';

if(aktive_Klappe)
{
tdstyle = document.all[aktive_Klappe].style;
tdstyle.backgroundColor='#ffffff';

}

rollout=document.all[roller].style;
rollout.visibility="hidden";
}
else if(document.layers)
{
rollout=document.layers[roller];
rollout.visibility="hidden";
}
else if(document.getElementById)
{
tdstyle = document.getElementById([tdname]).style;
tdstyle.backgroundColor='#ededed';

if(aktive_Klappe)
{
tdstyle = document.getElementById([aktive_Klappe]).style;
tdstyle.backgroundColor='#ffffff';

}

rollout=document.getElementById([roller]).style;
rollout.visibility="hidden";
}
rollalt=roller;
}



function entr()
{

if(document.all)
{
riegelpos=document.all['riegel'].style;
riegelpos.visibility="hidden";
}
else if(document.layers)
{
riegelpos=document.layers['riegel'];
riegelpos.visibility="hidden";
}
else if(document.getElementById)
{
riegelpos=document.getElementById(['riegel']).style;
riegelpos.visibility="hidden";
}

}


function riegelpositionieren()
{
if(document.all)
{
xrtop=document.all.mastertemplate.offsetWidth/2-395;
riegelposini=document.all['riegel'].style;
riegelposini.left=xrtop;
}
else if(document.layers)
{
//alert('ok');
xrtop=window.innerWidth/2-394;
riegelposini=document.layers['riegel'];
riegelposini.left=xrtop;
}
else if(document.getElementById)
{
xrtop=window.innerWidth/2-393;
riegelposini=document.getElementById(['riegel']).style;
riegelposini.left=xrtop;
}
}