<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>FootballzFree Instruction</title>
<style type="text/css">
body {
	-webkit-user-select:none;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-color: #C00;
	line-height: 18px;
}
#mainwin {
	width: 359px;
}
#image {
	padding-top: 10px;
	padding-bottom: 10px;
}
#imagecontent {
	border: 1px solid #c60;
	margin-top: 10px;
	margin-right: 29px;
	margin-bottom: 10px;
	margin-left: 29px;
}
#imagenoborder {
	margin: 9px;
}
#text {
	margin: 10px;
	padding: 15px;
	background-color: #900;
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C60;
	border-right-color: #900;
	border-bottom-color: #900;
	border-left-color: #C60;
}
#apDiv1 {
	position:fixed;
	left:332px;
	top:293px;
	width:22px;
	height:22px;
	z-index:1;
}
</style>

<script>
  var stateballs=0;
  var statebar=0;
  var statemoving=0;
  var c=0;

  function ini() {
    setInterval("periodic()",80);
  }

  function periodic() {
    statemoving = (statemoving+1)%8;
	c = (c+1)%4;
    if ((c == 0) || (c == 2)) stateballs = (stateballs+1)%6;
    if (c == 0) statebar = (statebar+1)%6;

    document.getElementById("ballsanim").src="../balls"+ stateballs +".png";
    document.getElementById("baranim").src="../bar"+ statebar +".png";
    document.getElementById("movinganim").src="../moving"+ statemoving +".png";
  }
  
 </script>

</head>

<body onLoad="ini()">
<div id="mainwin">
  <div id="image"><img src="../01.png" width="320" height="112" alt="footballz instruction" /></div>
<div id="text">
 Sie bewegen den Spieler durch Joystick.</div>
<div id="imagecontent" align="center">

<img id="movinganim" src="../moving0.png" width="299" height="200" /></div>
<div id="text">Den Joystick können Sie auf die linke oder rechte Seite des Spielbildschirms mit Hilfe der gelben
Schaltfläche oben stellen.</div>
<div id="imagecontent" align="center"><img id="baranim" src="../bar0.png" width="299" height="200" /></div>
<div id="text">Sammeln Sie nur gelbe Bälle, und weichen Sie den feindlichen Bällen aus.</div>
<div id="imagecontent" align="center"><img id="ballsanim" src="../balls0.png" width="299" height="200" /></div>
<div id="text">Sammeln Sie gelegentliche Bonusse, die Folgendes bewerkstelligen:<br />
  - Erhöhung der Geschwindigkeit Ihres Spielers
  <br />
  - Verleihung der Unsterblichkeit für Ihren Spieler (Sie können rote Bälle sammeln!)
  <br />
  - Unsichtbarkeit der feindlichen Bälle (dieser Bonus wird Ihnen eher schaden als helfen)
  <br />
  - Verzögerung der feindlichen Bälle</div>
<div id="imagenoborder" align="center"><img src="../bonuses.png" width="300" height="60" /></div>

<div id="text">Ihr Leben können Sie durch Sammeln von Herzen erhöhen.<img src="../heart.png" width="20" height="20" /></div>
</div>
</body>
</html>