spieler=[];
var e, w;

zeige={
	e: [],
	z: 0,
	y: 0,
	spieler: function (s) {
		this.z=400-spieler[s].unten-spieler[s].hoehe/2   
		zeige.e[s].style.top=this.z + "px";
	},
	ball: function ()	{
		this.z=400-ball.unten-5 
		zeige.e[2].style.top=this.z + "px";
		this.y=ball.links-305 
		if(window.opera){
			zeige.e[2].style.marginLeft=this.y + "px";
		}else{
			zeige.e[2].style.left=this.y + "px";
		}
	},
	punkte: function ()	{
		this.e[3].firstChild.nodeValue=spieler[0].punkte + " : " + spieler[1].punkte;
		if(spieler[1].punkte==5){
			this.e[3].firstChild.nodeValue="Spieler 2 gewinnt mit " + spieler[1].punkte + ":" + spieler[0].punkte;
		}
		if(spieler[0].punkte==5){
			this.e[3].firstChild.nodeValue="Spieler 1 gewinnt mit " + spieler[0].punkte + ":" + spieler[1].punkte;
		}
		if(spieler[0].punkte==5 || spieler[1].punkte==5){
			spieler[0].punkte=0;
			spieler[0].unten=200;
			spieler[1].punkte=0;
			spieler[1].unten=200;
		}
	}
}
spieler[0]={
	punkte:0,
	unten: 200,
	hoehe: 50,
	richtung: true,
	bewegung: function (Ereignis) {
		spieler[0].richtung=(Ereignis==38)?true:false;
		if(spieler[0].richtung && spieler[0].unten+(spieler[0].hoehe/2)<400)	{spieler[0].unten+=5;}
		if(!spieler[0].richtung && spieler[0].unten-(spieler[0].hoehe/2)>0)	{	spieler[0].unten-=5;	}
		zeige.spieler(0);
	}
}
spieler[1]={
	punkte:0,
	unten: 200,
	hoehe: 50,
	richtung: true,
	bewegung: function (Ereignis, nummer) {
		spieler[1].richtung=(Ereignis==33)?true:false;
		if(spieler[1].richtung && spieler[1].unten+(spieler[1].hoehe/2)<400)	{spieler[1].unten+=5;}
		if(!spieler[1].richtung && spieler[1].unten-(spieler[1].hoehe/2)>0)	{	spieler[1].unten-=5;	}
		
		zeige.spieler(1);
	}
}
ball={
	geschwindigkeit: 5,
	unten: 200,
	links: 300,
	richtungH: (Math.round(Math.random)==1)?true:false,
	richtungV: (Math.round(Math.random)==1)?true:false,
	bewegung: function ()	{
		ausdruck=/^S/
		if((ball.unten-ball.geschwindigkeit<=5 && !ball.richtungV) || (ball.unten-ball.geschwindigkeit>=390 && ball.richtungV))	{
			ball.richtungV=!ball.richtungV;
		}else	{
			if(ball.richtungV)	{
				ball.unten+=ball.geschwindigkeit;
			}else	{
				ball.unten-=ball.geschwindigkeit;
			}			
		}
		if((ball.links-ball.geschwindigkeit<=20 || ball.links+ball.geschwindigkeit>=580))	{
			if((ball.richtungH && spieler[1].unten-spieler[1].hoehe/2<ball.unten && spieler[1].unten*1+spieler[1].hoehe/2>ball.unten && ball.links+ball.geschwindigkeit>=580) || (!ball.richtungH && spieler[0].unten-spieler[0].hoehe/2<ball.unten && spieler[0].unten+spieler[0].hoehe/2>ball.unten && ball.links-ball.geschwindigkeit<=20)){
				ball.richtungH=!ball.richtungH;				
			}else if(ball.links-ball.geschwindigkeit<=0 || ball.links+ball.geschwindigkeit>=600){
				spieler[1-Math.round((ball.links-ball.geschwindigkeit)/600)].punkte++
				window.clearInterval(w);
				ball.unten=200;
				ball.links=300;
				ball.richtungV=(Math.round(Math.random())==1)?true:false;
				ball.richtungH=(Math.round(Math.random())==1)?true:false;
				faktor_unten=0.5+Math.random()*0.25;
				zeige.punkte();
			}	
		}
		if(ball.richtungH)	{
			ball.links+=ball.geschwindigkeit;
		}else	{
			ball.links-=ball.geschwindigkeit;
		}
		zeige.ball()
	}
}
window.onload=laden;
function laden()	{
	document.onkeypress = spieler1_2;	
	zeige.e=[document.getElementById("spieler0"),document.getElementById("spieler1"),document.getElementById("ball"),document.getElementById("punkte")]
	document.getElementById("start").onclick=function () {
		w=window.setInterval("ball.bewegung()",5);	
		ausdruck=/^S/
		if(ausdruck.test(zeige.e[3].firstChild.nodeValue)){
			zeige.e[3].firstChild.nodeValue="0 : 0"
		}
	}
	document.getElementById("about").onclick=createBackground;
}
	
function spieler1_2(Ereignis)	{
e=Ereignis.keyCode
if(e==38 || e==40)
	spieler[0].bewegung(e)
if(e==33 || e==34)
	spieler[1].bewegung(e)
}