var zahl=0;
var flag=new Array();
var aktiv=new Array();

function ZeigeBildClip(Id,oben,rechts,unten,links,ri)
	{
	zahl++;
	if (ri==1)
		{
		var dazu=document.getElementById(Id).offsetHeight;
		oben=dazu-unten;
		unten=dazu;
		document.getElementById(Id).style.clip="rect(" + oben + "px, " + rechts +"px, " + unten + "px, " + links + "px)";
		}
	else
		{
		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 InitHomeTab()
	{
	Id="home-qualifikation";
	var position=getIAbsPosition(Id);
	IdNeu="TextZeig";
	document.getElementById(IdNeu).style.top=(position[0]+ 210)+"px";
	document.getElementById(IdNeu).style.left=(position[1]+137)+ "px";
	document.getElementById(IdNeu).style.visibility="visible";
	var zoben=new Array(0,125,125,400,400,525);
	var zlinks=new Array(250,25,475,25,475,250);
	for (i=0;i<zlinks.length;i++)
		{
		IdNeu="TextZeig" +i;
		IdHNeu="TextZeigH" +i;
		if (document.getElementById(IdNeu))
			{
			document.getElementById(IdNeu).style.top=(position[0]+zoben[i])+ "px";
			document.getElementById(IdNeu).style.left=(position[1]+zlinks[i])+ "px";
			document.getElementById(IdNeu).style.clip="rect(0px, 175px, 50px, 0px)";
			document.getElementById(IdNeu).style.visibility="visible";
			document.getElementById(IdNeu).style.zIndex=15;
			flag[i]= "frei";
			}
		else
			{
			if (document.getElementById(IdHNeu))
				{
				document.getElementById(IdHNeu).style.top=(position[0]+zoben[i]-document.getElementById(IdHNeu).offsetHeight)+ "px";
				document.getElementById(IdHNeu).style.left=(position[1]+zlinks[i])+ "px";
				document.getElementById(IdHNeu).style.clip="rect("+(document.getElementById(IdHNeu).offsetHeight-50)+"px, 175px, "+document.getElementById(IdHNeu).offsetHeight+"px, 0px)";
				document.getElementById(IdHNeu).style.visibility="visible";
				document.getElementById(IdHNeu).style.zIndex=15;
				flag[i]= "frei";
				}
			}
		}
	}
function InitHomeTab_d()
	{
	Id="home-qualifikation";
	var position=getIAbsPosition(Id);
	IdNeu="TextZeig";
	document.getElementById(IdNeu).style.top=(position[0]+ 210)+"px";
	document.getElementById(IdNeu).style.left=(position[1]+137)+ "px";
	document.getElementById(IdNeu).style.visibility="visible";
	var zoben=new Array(0,125,125,375,375,525,525);
	var zlinks=new Array(250,25,475,25,475,75,425);
	for (i=0;i<zlinks.length;i++)
		{
		IdNeu="TextZeig" +i;
		IdHNeu="TextZeigH" +i;
		if (document.getElementById(IdNeu))
			{
			document.getElementById(IdNeu).style.top=(position[0]+zoben[i])+ "px";
			document.getElementById(IdNeu).style.left=(position[1]+zlinks[i])+ "px";
			document.getElementById(IdNeu).style.clip="rect(0px, 175px, 50px, 0px)";
			document.getElementById(IdNeu).style.visibility="visible";
			document.getElementById(IdNeu).style.zIndex=15;
			flag[i]= "frei";
			}
		else
			{
			if (document.getElementById(IdHNeu))
				{
				document.getElementById(IdHNeu).style.top=(position[0]+zoben[i]-document.getElementById(IdHNeu).offsetHeight)+ "px";
				document.getElementById(IdHNeu).style.left=(position[1]+zlinks[i])+ "px";
				document.getElementById(IdHNeu).style.clip="rect("+(document.getElementById(IdHNeu).offsetHeight-50)+"px, 175px, "+document.getElementById(IdHNeu).offsetHeight+"px, 0px)";
				document.getElementById(IdHNeu).style.visibility="visible";
				document.getElementById(IdHNeu).style.zIndex=15;
				flag[i]= "frei";
				}
			}
		}
	}

function InitGeschichteTab()
	{
	Id="uhr-hg-geschichte";
	var position=getIAbsPosition(Id);
	var zoben=new Array(114,214,204,104,40);
//	var zlinks=new Array(250,25,475,25,475,250);
	var zlinks=new Array(340,350,-10,0,170);
	for (i=0;i<zlinks.length;i++)
		{
		IdNeu="TextZeig" +i;
		if (document.getElementById(IdNeu))
			{
			document.getElementById(IdNeu).style.top=(position[0]+zoben[i])+ "px";
			document.getElementById(IdNeu).style.left=(position[1]+zlinks[i])+ "px";
			document.getElementById(IdNeu).style.clip="rect(0px, 175px, 50px, 0px)";
			document.getElementById(IdNeu).style.visibility="visible";
			document.getElementById(IdNeu).style.zIndex=15;
			}
		}
	}

function SkaliereTabAb(Idindex,dauer,index,ri)
	{
	
	if (flag[index]== "frei" || flag[index]== undefined )
		{
		var Id="TextZeig" + Idindex;
//		alert(Id);
		flag[index]= "Runter";
		var schritte=dauer/10+1;
		var Anfangshoehe=50;
		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 + "," + ri +")",10);
		}
	else
		{
		if (flag[index]!= "Runter" && flag[index]!= "unten")
			{
			var Id="TextZeig" + Idindex;
			flag[index]= "Runter";
			var schritte=dauer/10+1;
			var Anfangshoehe=50;
			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 + "," + ri +")",10);
			flag[index]= "Runter";
			}
		}
	}


function SkaliereTabelleRunter(Id,Anfangshoehe,Endhoehe,Breite,schritte,index,iteration,ri)
	{
	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,ri);
			}
		else
			{
			document.getElementById(Id).height=unten;
			ZeigeBildClip(Id,0,Breite,unten,0,ri);
			window.setTimeout("SkaliereTabelleRunter(\""+Id +"\"," +  Anfangshoehe + "," + Endhoehe + "," + Breite + "," + schritte + "," +  index + "," + iteration + "," + ri +")",10);
			}
		}
	}

function SkaliereTabHoch(Idindex,dauer,index,ri)
	{
	if (flag[index]== "unten")
		{
		var Id="TextZeig" + Idindex;
		flag[index]= "Hoch";
		var schritte=dauer/10+1;
		var Anfangshoehe=50;
		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 + "," + ri +")",10);
		}
	else
		{
		if (flag[index]!= "Hoch" && flag[index]!= "frei" )
			{
			var Id="TextZeig" + Idindex;
			var Id2="LeerTab" + Idindex;
			var IdUr="STBild" + Idindex;
			flag[index]= "Hoch";
			var schritte=dauer/10+1;
			var Anfangshoehe=50;
			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 + "," + ri +")",10);
				}
			}
		}
	}


function SkaliereTabelleHoch(Id,Anfangshoehe,Endhoehe,Breite,schritte,index,iteration,ri)
	{
	iteration--;
	if (flag[index]== "Hoch" )
		{
		var unten=parseInt(Endhoehe/schritte * iteration);
		if (unten<=Anfangshoehe)
			{
			flag[index]= "frei";
			Aktindex=0;
			ZeigeBildClip(Id,0,Breite,Anfangshoehe,0,ri);
			}
		else
			{
			document.getElementById(Id).height=unten;
			ZeigeBildClip(Id,0,Breite,unten,0,ri);
			window.setTimeout("SkaliereTabelleHoch(\""+Id +"\"," +  Anfangshoehe + "," + Endhoehe + "," + Breite + "," + schritte + "," +  index + "," + iteration + "," + ri +")",10);
			}
		}
	}