New Page 1

Dieses File gehoert zu einer Beschreibung, wie man Fluege mit CompeGPS animiert

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Compe - GPS</title> Titel aendern! Taucht so z.B.im Header des Browsers auf.
<meta http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<meta http-equiv="imagetoolbar" content="no" />
<style type="text/css">
body {background-color:#ffffff; font-family:arial; font-size:12px;margin-top:15px; margin-left:10px; padding:0px;}
.splash {position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:10;background-color:white; text-align:center; font-weight:bold; font-family:arial; font-size:12px;}
.buttons {position:absolute;left:10px;top:15px;width:700px;height:26px; background-color:white; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); display:none; cursor:default;}
.button {width:20px;height:20px;margin:3px; float:left;}
.buttonHover {width:20px;height:20px;margin:3px; cursor:pointer; float:left; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);}
.buttonDisabled {width:20px;height:20px;margin:4px; margin-right:2px; cursor:pointer; float:left; filter:progid:DXImageTransform.Microsoft.BasicImage(grayScale=1); }
.buttonPressed {width:20px;height:20px;margin:4px; margin-right:2px;cursor:pointer; float:left; filter:progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);}
.progressBar {width:150px;height:19px; margin-top:3px; float:left; border:1px #84BD4A solid;}
.progressBarGrip {position:relative; left:2px; height:13px; width:7px; margin-top:2px; background-color:#84BD4A; border:1px white outset; z-index:1px; cursor:pointer; font-size:0px;}
.speed {margin-top:3px;padding:0px;width:60px;height:18px;border:1px #84BD4A solid; font-size:10px; color:#84BD4A; margin-left:3px;}
.loop {color:#84BD4A;}
.time {border:1px #84BD4A solid; margin-top:3px; height:18px; width:180px; color:#066609; font-size:10px; margin-left:3px;}
.cite {position:absolute;top:15px;right:0px;font-size:12px; display:none;}
.cite A {text-decoration:none; color:#066609;}
.cite A:hover {text-decoration:underline; color:#066609;}
.imagen {z-index:0; display:none;}
.tooltip {position:absolute; border:1px black solid; font-size:10px; font-family:arial; background-color:#FFFFE1; color:black; width:20px; height:12px; margin-top:5px; z-index:3; cursor:default; padding-left:2px; filter:progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=2);}
.sprite {position:absolute;left;0px;top:0px;display:none;z-index:2;}
.nodesp {position:absolute;left;0px;top:0px;display:none;z-index:1}
.aterr {position:absolute;left;0px;top:0px;display:none;z-index:1;}
</style>
</head>
<body onload="doInit();" onmouseup="try{doProgressBarMouseUp(event)}catch(e){}" onmousemove="try{doProgressBarMouseMove(event)}catch(E){}">
<div id="divSplash" class="splash">
<br>
Loading data, please wait ...
</div>
<div id="divButtons" class="buttons">
<img id="btnFirst" onclick="doFirst();" src="ico_first.gif" class="button" onmouseover="if (this.className!='button') return; this.className='buttonHover';" onmouseout="if (this.className!='buttonHover') return; this.className='button';" title="Move to start">
<img id="btnRev" onclick="doRev();" src="ico_rew.gif" class="button" onmouseover="if (this.className!='button') return; this.className='buttonHover';" onmouseout="if (this.className!='buttonHover') return; this.className='button';" title="Rewind">
<div id="divProgressBar" class="progressBar" onclick="doProgressBarClick(event)">
<div id="divProgressBarGrip" class="progressBarGrip" onmousedown="doProgressBarGripMouseDown(event)" ></div>
</div>
<img id="btnFf" onclick="doFf();" src="ico_ff.gif" class="button" onmouseover="if (this.className!='button') return; this.className='buttonHover';" onmouseout="if (this.className!='buttonHover') return; this.className='button';" title="Forward">
<img id="btnLast" onclick="doLast();" src="ico_last.gif" class="button" onmouseover="if (this.className!='button') return; this.className='buttonHover';" onmouseout="if (this.className!='buttonHover') return; this.className='button';" title="Move to end">
<img id="btnPlay" onclick="doPlay();" src="ico_play.gif" class="button" onmouseover="if (this.className!='button') return; this.className='buttonHover';" onmouseout="if (this.className!='buttonHover') return; this.className='button';" title="Start animation">
<img id="btnPause" onclick="doPause();" src="ico_pause.gif" class="button" onmouseover="if (this.className!='button') return; this.className='buttonHover';" onmouseout="if (this.className!='buttonHover') return; this.className='button';" title="Pause animation" style="margin:4px;margin-right:2px;">
<img id="btnStop" onclick="doStop();" src="ico_stop.gif" class="button" onmouseover="if (this.className!='button') return; this.className='buttonHover';" onmouseout="if (this.className!='buttonHover') return; this.className='button';" title="Stop animation">
<img id="btnToggleLoop" onclick="doToggleLoop();" src="ico_toggleloop.gif" class="button" onmouseover="if (this.className!='button') return; this.className='buttonHover';" onmouseout="if (this.className!='buttonHover') return; this.className='button';" title="Set loop mode">
 Speed:<select id="cmbSpeed" class="speed" onchange="doChangeSpeed(this.value)" >
</select>
 Time:<input type="text" id="txtTime" class="time" readonly></input>
</div>
<div id="divCite" class="cite"> Alles im Roten Block Entfernen um Werbung wegzumachen
<cite>Powered by <a href="http://www.compegps.com" target="_blank">CompeGPS</a></cite>
<img src="http://www.compegps.com/compegpsWEB.png" width="153" height="26">
</div>

<img id="imgImagen" class="imagen" src="anim.jpg" border=0>


<img id="sprite0" class="sprite" src="swing-stratus4.gif" height="32" width="37">
<img id="nodesp0" class="nodesp" src="nod.gif" height="32" width="37">
<img id="aterr0" class="aterr" src="att.gif" height="32" width="37">
<div id="tooltip0" class="tooltip">Alfredo Studer </div> Pilotennamen - heissen sonst nur 0 und 1

<img id="sprite1" class="sprite" src="freex_yellow.gif" height="32" width="37">
<img id="nodesp1" class="nodesp" src="nod.gif" height="32" width="37">
<img id="aterr1" class="aterr" src="att.gif" height="32" width="37">
<div id="tooltip1" class="tooltip"> Ulli Prinz </div>
<script language="javascript">

</script>
</body>
</html>