var ausgabe;
var breite;
var hoehe;
var punkt;
var breitewellen=308;
var hoehewellen=75;
var hoehewellenende=189;
var geschw=10;
var grad;
var x,y;
var radius;
var freiraum_oben=150;
var links=50;
var rechts=breitewellen+100;
var unten=hoehewellen;
var oben=160+freiraum_oben;
var zaehler;
var abstand;
var xk=0;
var yk=0;
var position;
var stop;

function start()
{
	if(typeof(window.innerWidth)=='number')
	{
    	//Non-IE
		position="fixed";
    		breite = window.innerWidth;
    		hoehe = window.innerHeight;
  	}
	else if(document.documentElement &&
      		(document.documentElement.clientWidth || document.documentElement.clientHeight))
	{
    	//IE 6+ in 'standards compliant mode'
		position="absolute";
    		breite = document.documentElement.clientWidth;
    		hoehe = document.documentElement.clientHeight;
  	}
	else if(document.body && (document.body.clientWidth || document.body.clientHeight))
	{
    	//IE 4 compatible
		position="absolute";
    		breite = document.body.clientWidth;
    		hoehe = document.body.clientHeight;
		xk=-20;
		yk=-10;
  	}

	stop=false;
	grad=0;
	zaehler=0;
	radius=(breite-links-rechts+xk)/4;
	abstand=(hoehe-oben-unten+yk)/2;
	x=links+breitewellen/2-radius;
	y=hoehe-unten-hoehewellen*(2/3)+yk;

	positionieren(0);
	animation();
	
}

function animation ()
{
  	grad += geschw / 1000;
  	//if(zaehler==3)
  	//	y=y;//y -=abstand/3/(Math.PI*100);
	if(zaehler>0)	
		y -=abstand/(Math.PI*100);
	
	if (grad >= Math.PI)
	{
    	grad = 0;
		zaehler++;
		x+=radius*2;
		positionieren(zaehler);
	}
	if(!stop)
	{
  	punkt.style.top = Math.round(y + (radius * -Math.sin(grad))) + "px";
  	punkt.style.left = Math.round(x + (radius * -Math.cos(grad))) + "px";
  	}
  	//if(punkt.style.top<=0 || punkt.style.left>=breite)
  	//	zaehler==4;
	if(zaehler<3)
	  	window.setTimeout("animation()", 100 / geschw);
	else if(zaehler==3)
		window.setTimeout("animation()", 50 / geschw);
	else
		positionieren(5);
}

function positionieren(id)
{
	switch(id)
	{
		case 1:
			var kreis1=document.getElementById("kreis1");
			kreis1.style.top=hoehe+yk - hoehewellen-40 + "px";
			kreis1.style.left=links + 10 + "px";
			break;
		case 2:
			var kreis2=document.getElementById("kreis2");
			kreis2.style.top=freiraum_oben+(hoehe-freiraum_oben+yk)/2 + 8 + "px";
			kreis2.style.left=(breite-breitewellen+xk)/2 - 20  + "px";
			break;
		case 3:
			var kreis3=document.getElementById("kreis3");
			kreis3.style.top=oben - hoehewellenende + 20 + "px";
			kreis3.style.left=breite-rechts+xk + "px";
			document.getElementById("punkt").style.left="-400px";
			stop=true;
			break;
		case 4:
			break;
		case 5:
			document.getElementById("kreis1").style.visibility="collapse";
			document.getElementById("kreis2").style.visibility="collapse";
			document.getElementById("kreis3").style.visibility="collapse";
			document.getElementById("punkt").style.left="-400px";
			document.getElementById("ih").style.top="160px";
			break;
		default:
			var kreis1=document.getElementById("kreis1");
			kreis1.style.position=position;
			kreis1.style.left=-400 + "px";

			var kreis2=document.getElementById("kreis2");
			kreis2.style.position=position;
			kreis2.style.left=-400 + "px";

			var kreis3=document.getElementById("kreis3");
			kreis3.style.position=position;
			kreis3.style.left=-400 + "px";

			punkt=document.getElementById("punkt");
			punkt.style.position = position;
						
			document.getElementById("ih").style.top="-400px";
			
			break;
	}
}