!START!
<form name="zeitraffer" id="zeitraffer" method="" action="">
<div id="webcam" style="z-index:1">

  <div style="position:relative;">
!WEBCAMBILD!
  </div>
    
<div style="float:left;z-index:3" id="bedienelem">
    <table border="0">
    <tr>
    <td width="35"></td><td width="90"></td><td></td>
    </tr>
    <tr>
      <td colspan="3" nowrap="nowrap">
      <a href="javascript:onStartStop()"><img src="!SKRIPTPFAD!abspielen.png" width="27" height="20" border="0" alt="Abspielen" title="Abspielen" id="sf_startstop"/></a>&nbsp;&nbsp;
      <a href="javascript:anfang()"><img src="!SKRIPTPFAD!anfang.png" width="27" height="20" border="0" alt="Erstes Bild anzeigen" titlw="Erstes Bild anzeigen" /></a>
      <a href="javascript:zurueck()"><img src="!SKRIPTPFAD!zurueck.png" width="27" height="20" border="0" alt="Ein Bild zurück" title="Ein Bild zurück" /></a> 
      <a href="javascript:weiter(0)"><img src="!SKRIPTPFAD!weiter.png" width="27" height="20" border="0" alt="Ein Bild weiter"  title="Ein Bild weiter"/></a> 
      <a href="javascript:ende()"><img src="!SKRIPTPFAD!ende.png" width="27" height="20" border="0" alt="Letztes Bild anzeigen" title="Letztes Bild anzeigen" /></a>&nbsp;&nbsp;
      <a href="javascript:schneller()"><img src="!SKRIPTPFAD!schneller.png" width="27" height="20" border="0" alt="Schneller" title="Schneller" /></a> 
      <a href="javascript:langsamer()"><img src="!SKRIPTPFAD!langsamer.png" width="27" height="20" border="0" alt="Langsamer"  title="Langsamer"/></a>&nbsp;&nbsp;
      <a href="javascript:on_ueberblenden_kf()"><img src="!SKRIPTPFAD!ueberblenden.png" alt="&uuml;berblenden" title="&uuml;berblenden" width="27" height="20" border="0" id="ueberblenden_kf" /></a>
      <a href="javascript:bild_zeigen()"><img src="!SKRIPTPFAD!speichern.png" alt="Bild aufrufen" title="Bild aufrufen" width="27" height="20" border="0" /></a> 
			      <a href="!SKRIPTPFAD!hilfe.php" target="_blank"><img src="!SKRIPTPFAD!hilfe.png" alt="Hilfe" title="Hilfe" width="28" height="20" border="0" /></a></td>
    </tr>
    <tr>
      <td width="35">Tag:</td>
      <td colspan="2" style="white-space:nowrap;"> 
!AKTTAG!
        von
!START_H!:!START_M!
        bis
!ENDE_H!:!ENDE_M!
      </td>
      
    </tr>
<tr>
<td colspan="3"></td>
    </tr>
</table>
</div>
<table border="0">
<tr><td></td><td width="125"></td></tr>
<tr>
<td valign="top"><div style="margin-top:10px">			<br>Intervall: !BILDINTERVALLE!
      <br><a href="http://www.meyweb.ch/meysoft/webcam_zeitraffer_script.php" target="_blank"><img src="!SKRIPTPFAD!webcam_zeitraffer_pro.png" alt="Webcam Zeitraffer Script Pro" width="108" height="30" border="0" /></a></div>
      
			</td>
      <td align="right" width="125"><select name="bilder" id="bilder" size="5" onchange="wechsle_bild()" style="width:120px;"></select></td>
    </tr>
  </table>
<p><div id="mdg" class="zeitr_mdg"></div></p>
</div>
</form>
<script type="text/javascript">
window.onresize = BildwahlGroesse;
function BildwahlGroesse()
{
	// aufzoomen des Bildes verhinern wenn schmaler als bedienelemente da zwischenbild für überblendung nicht aufgezoomt werden kann und überblendung nicht funktioniert. 
	min_breite = document.getElementById('webcam').offsetWidth + 5; // minimale breite der bedienelemente
	bildle = new Image();
	bildle.src = m_bild.src;
	m_bildbreite = bildle.width;
  if(m_bildbreite <=0) m_bildbreite = ;
	if(m_bildbreite < min_breite)
	{
		document.getElementById('bildraf').style.width = m_bildbreite + 'px';
	}
	else
	{
		document.getElementById('bildraf').style.width = '100%';
	}
}
</script>
<noscript><p><b>Der Zeitraffer benötigt Javascript!</b></p></noscript>
!ENDE!