{include file="header.tpl"}

{include file="program_details.tpl"}
<h3>Get Monitoring Image Code</h3>

<div class="get_code">
<table class="form nosize">
<tr>
 <th colspan=4>Use this code to place the button on your site</th>
</tr>
<tr>
<td colspan=2>
<a href="{"?a=details&lid=`$listing.id`"|encurl}"><img src="{"?a=image&lid=`$listing.id`"|encurl}" border="0"></a>
</td>
<td colspan=2>
<textarea cols=40 rows=4><a href="{"?a=details&lid=`$listing.id`"|encurl}"><img src="{"?a=image&lid=`$listing.id`"|encurl}" border="0"></a></textarea>
</td>
</tr>
<tr>
 <th colspan=4>Use this code to place the floating button</th>
</tr>
<tr>
<td>Top - Left</td>
<td>Top - Right</td>
<td>Bottom - Left</td>
<td>Bottom - Right</td>
</tr>
<tr>
<td><textarea rows=5>
<script language="JavaScript" src="{"getstatus.js"|encurl}" type="text/javascript"></script>
<script type="text/javascript">showdetails("{$listing.id}","tl","top","left");</script>
</textarea></td>
<td><textarea rows=5>
<script language="JavaScript" src="{"getstatus.js"|encurl}" type="text/javascript"></script>
<script type="text/javascript">showdetails("{$listing.id}","tr","top","right");</script>
</textarea></td>
<td><textarea rows=5>
<script language="JavaScript" src="{"getstatus.js"|encurl}" type="text/javascript"></script>
<script type="text/javascript">showdetails("{$listing.id}","bl","bottom","left");</script>
</textarea></td>
<td><textarea rows=5>
<script language="JavaScript" src="{"getstatus.js"|encurl}" type="text/javascript"></script>
<script type="text/javascript">showdetails("{$listing.id}","br","bottom","right");</script>
</textarea></td>
</tr>
</table>
</div>

{include file="footer.tpl"}