" size="4"/></td>
</tr>
</tbody>
</table>
</div>
<div id="definitionPanel">
<div id="imagePanel">
<div id="imageFrame" style="width: <?php
echo reScale($monitor->Width(), $scale);
?>
px; height: <?php
echo reScale($monitor->Height(), $scale);
?>
px;">
<?php
echo getStreamHTML($monitor, $scale);
?>
<svg id="zoneSVG" class="zones" style="width: <?php
echo reScale($monitor->Width(), $scale);
?>
px; height: <?php
echo reScale($monitor->Height(), $scale);
?>
px;margin-top: -<?php
echo $monitor->Height;
?>
px;background: none;">
<polygon id="zonePoly" points="<?php
echo $zone['AreaCoords'];
?>
" class="<?php
?>
<body>
<div id="page">
<div id="header">
<div id="headerButtons"><a href="#" onclick="closeWindow();"><?php
echo translate('Close');
?>
</a></div>
<h2><?php
echo translate('Zones');
?>
</h2>
</div>
<div id="content">
<?php
echo getStreamHTML($monitor);
?>
<svg class="zones" width="<?php
echo $monitor->Width;
?>
" height="<?php
echo $monitor->Height;
?>
" style="margin-top: -<?php
echo $monitor->Height;
?>
px;background: none;">
<?php
foreach (array_reverse($zones) as $zone) {
?>
<polygon points="<?php