var zahl=0;
var flag=new Array();
var aktiv=new Array();

function ZeigeBildClip(Id,oben,rechts,unten,links)
	{
	zahl++;
	document.getElementById(Id).style.clip="rect(" + oben + "px, " + rechts +"px, " + unten + "px, " + links + "px)";
	document.getElementById(Id).style.visibility="visible";
	}
function VersteckeBild(Id)
	{
	document.getElementById(Id).style.visibility="hidden";
	}

function getIAbsPosition(Id)
	{
	var positionxy=new Array(0,0,0,0);
	var Eltern=document.getElementById(Id);
	while (Eltern && Eltern.id !="middle") 
//	while (Eltern) 
		{
		positionxy[0]+=Eltern.offsetTop;
		positionxy[1]+=Eltern.offsetLeft;
		Eltern=Eltern.offsetParent;
		}
	positionxy[2]+=document.getElementById(Id).offsetHeight;
	positionxy[3]+=document.getElementById(Id).offsetWidth;
	return positionxy;
	}


function InitLeerTab()
	{
	for (i=0;i<10;i++)
		{
		Id="ATabelle" +i;
		IdNeu="Tabelle" +i;
		if (document.getElementById(IdNeu))
			{
			var position=getIAbsPosition(Id);
			document.getElementById(IdNeu).style.top=position[0]+ "px";
			document.getElementById(IdNeu).style.left=position[1]+ "px";
			document.getElementById(IdNeu).style.clip="rect(0px, " + document.getElementById("STBild" +i).offsetWidth +"px, " + document.getElementById("STBild" +i).offsetHeight +"px, 0px)";
			document.getElementById(IdNeu).style.visibility="visible";
			document.getElementById(IdNeu).style.zIndex=15;
			position=getIAbsPosition(IdNeu);
			flag[i]= "frei";
			}
		}
	if (!subhalt==undefined)
		{
		if (subhalt!=1000)
			{
			SubZeige(halt,subhalt);
			}

		}
	}

function SkaliereTabAb(Idindex,dauer,index)
	{
	
	if (flag[index]== "frei" || flag[index]== undefined )
		{
		var Id="Tabelle" + Idindex;
		var Id2="LeerTab" + Idindex;
		var IdUr="STBild" + Idindex;
		flag[index]= "Runter";
		var schritte=dauer/10+1;
		var Anfangshoehe=document.getElementById(IdUr).offsetHeight;
		var Breite=document.getElementById(Id).offsetWidth;
		var Endhoehe=document.getElementById(Id).offsetHeight;
		var iteration=parseInt(Anfangshoehe/(Endhoehe/schritte));
		window.setTimeout("SkaliereTabelleRunter(\""+Id +"\"," +  Anfangshoehe + "," + Endhoehe + "," + Breite + "," + schritte + "," +  index + "," + iteration +")",10);
		}
	else
		{
		if (flag[index]!= "Runter" && flag[index]!= "unten")
			{
			var Id="Tabelle" + Idindex;
			var IdUr="STBild" + Idindex;
			var Id2="LeerTab" + Idindex;
			flag[index]= "Runter";
			var schritte=dauer/10+1;
			var Anfangshoehe=document.getElementById(IdUr).offsetHeight;
			var Breite=document.getElementById(Id).offsetWidth;
			var Endhoehe=document.getElementById(Id).offsetHeight;
			var iteration=parseInt(document.getElementById(Id).height/(Endhoehe/schritte));
			window.setTimeout("SkaliereTabelleRunter(\""+Id +"\"," +  Anfangshoehe + "," + Endhoehe + "," + Breite + "," + schritte + "," +  index + "," + iteration +")",10);
			flag[index]= "Runter";
			}
		}
	}


function SkaliereTabelleRunter(Id,Anfangshoehe,Endhoehe,Breite,schritte,index,iteration)
	{
	iteration++;
	var unten=parseInt(Endhoehe/schritte * iteration);
	if (flag[index]== "Runter" )
		{
		if (unten>=Endhoehe)
			{
			flag[index]= "unten";
			Aktindex=index;
			ZeigeBildClip(Id,0,Breite,Endhoehe,0);
			}
		else
			{
			document.getElementById(Id).height=unten;
			ZeigeBildClip(Id,0,Breite,unten,0);
			window.setTimeout("SkaliereTabelleRunter(\""+Id +"\"," +  Anfangshoehe + "," + Endhoehe + "," + Breite + "," + schritte + "," +  index + "," + iteration +")",10);
			}
		}
	}

function SkaliereTabHoch(Idindex,dauer,index)
	{
	if (flag[index]== "unten")
		{
		var Id="Tabelle" + Idindex;
		var Id2="LeerTab" + Idindex;
		var IdUr="STBild" + Idindex;
		flag[index]= "Hoch";
		var schritte=dauer/10+1;
		var Anfangshoehe=document.getElementById(IdUr).offsetHeight;
		var Breite=document.getElementById(Id).offsetWidth;
		var Endhoehe=document.getElementById(Id).offsetHeight;
		var iteration=parseInt(Anfangshoehe/(Endhoehe/schritte));
		window.setTimeout("SkaliereTabelleHoch(\""+Id +"\"," +  Anfangshoehe + "," + Endhoehe + "," + Breite + "," + schritte + "," +  index + "," + schritte +")",10);
		}
	else
		{
		if (flag[index]!= "Hoch" && flag[index]!= "frei" )
			{
			var Id="Tabelle" + Idindex;
			var Id2="LeerTab" + Idindex;
			var IdUr="STBild" + Idindex;
			flag[index]= "Hoch";
			var schritte=dauer/10+1;
			var Anfangshoehe=document.getElementById(IdUr).offsetHeight;
			var Breite=document.getElementById(Id).offsetWidth;
			var Endhoehe=document.getElementById(Id).offsetHeight;
			var iteration=parseInt(document.getElementById(Id).height/(Endhoehe/schritte));
			if (iteration>0)
				{
				window.setTimeout("SkaliereTabelleHoch(\""+Id +"\"," +  Anfangshoehe + "," + Endhoehe + "," + Breite + "," + schritte + "," +  index + "," + iteration +")",10);
				}
			}
		}
	}


function SkaliereTabelleHoch(Id,Anfangshoehe,Endhoehe,Breite,schritte,index,iteration)
	{
//	alert(iteration);
	iteration--;
	if (flag[index]== "Hoch" )
		{
		var unten=parseInt(Endhoehe/schritte * iteration);
		if (unten<Endhoehe-15)
			{
			document.getElementById("STBild" +Id.replace("Tabelle","") ).className = "navigationaus";
			}
		if (unten<=Anfangshoehe)
			{
			flag[index]= "frei";
			Aktindex=0;
			ZeigeBildClip(Id,0,Breite,Anfangshoehe,0);
			
			}
		else
			{
			document.getElementById(Id).height=unten;
			ZeigeBildClip(Id,0,Breite,unten,0);
			window.setTimeout("SkaliereTabelleHoch(\""+Id +"\"," +  Anfangshoehe + "," + Endhoehe + "," + Breite + "," + schritte + "," +  index + "," + iteration +")",10);
//			alert("Wert" + Anfangshoehe+ "," + Endhoehe + "," + Breite + "," + schritte + "," +  index + "," + iteration );
			}
		}
	}

