<?php 
define('e_PAGETITLE', 'Fort Kent Main Street Webcam'); 
require_once("class2.php"); 
require_once(HEADERF);
$text = '<div align="center"><a class="bbcode" href="http://www.sjv.net/tower_cam.php"><span style="font-size:14px">TowerCam Image Archive Site</span></a><br><br>
<a class="bbcode" href="http://www.sjv.net/cam.php"><span style="font-size:14px">Market Street Cam Site</span></a></p></a>';
$text .= '
<a href="http://www.computeronestore.com"><img src="e107_images/custom/webpage_ad2.gif" border="0"></a>
<br>
<script type="text/javascript" language="JavaScript">
function reloadImage()';
$text .= "
{
   img = document.getElementById('theimage');
   img.src = 'http://www.sjv.net/maincam/mainimage.jpg?' + 
Math.random();
}
</script>
";
$text .= '<script type="text/javascript" language="JavaScript">';
$text .= "
{
setInterval('reloadImage()', 15000); // 15 seconds
}
</script>

";
$text .= 'The image below updates every 15 seconds<br><p>&nbsp;<p><img src="http://www.sjv.net/maincam/mainimage.jpg" name="theimage">
';
$text .= '
<p><br>

<a href="http://www.ainop.com"><img src="e107_images/banners/ainop_banner2.jpg" border="0"></a>

<br>
<h2>24 Hour Image Archive</h2>
<form name="dynamicselector">
<table border="2" width="65%" cellspacing="10" cellpadding="10" height="322" summary="">
<tr>
<td width="10%" valign="top" align="left">
<select name="dynamicselector2" size="26" onChange="generateimage(this.options[this.selectedIndex].value)">

<option value="maincam/hourly_image-00.jpg" selected>Midnight</option>
<option value="maincam/hourly_image-01.jpg">1:00AM</option>
<option value="maincam/hourly_image-02.jpg">2:00AM</option>
<option value="maincam/hourly_image-03.jpg">3:00AM</option>
<option value="maincam/hourly_image-04.jpg">4:00AM</option>
<option value="maincam/hourly_image-05.jpg">5:00AM</option>
<option value="maincam/hourly_image-06.jpg">6:00AM</option>
<option value="maincam/hourly_image-07.jpg">7:00AM</option>
<option value="maincam/hourly_image-08.jpg">8:00AM</option>
<option value="maincam/hourly_image-09.jpg">9:00AM</option>
<option value="maincam/hourly_image-10.jpg">10:00AM</option>
<option value="maincam/hourly_image-11.jpg">11:00AM</option>
<option value="maincam/hourly_image-12.jpg">Noon</option>
<option value="maincam/hourly_image-13.jpg">1:00PM</option>
<option value="maincam/hourly_image-14.jpg">2:00PM</option>
<option value="maincam/hourly_image-15.jpg">3:00PM</option>
<option value="maincam/hourly_image-16.jpg">4:00PM</option>
<option value="maincam/hourly_image-17.jpg">5:00PM</option>
<option value="maincam/hourly_image-18.jpg">6:00PM</option>
<option value="maincam/hourly_image-19.jpg">7:00PM</option>
<option value="maincam/hourly_image-20.jpg">8:00PM</option>
<option value="maincam/hourly_image-21.jpg">9:00PM</option>
<option value="maincam/hourly_image-22.jpg">10:00PM</option>
<option value="maincam/hourly_image-23.jpg">11:00PM</option>

</select>
</td>
<td width="65%" valign="middle" align="center"><b><u><font color="#000000">Select a time on the left to view an archived Main Street Cam image.</font></u></b><br><br><ilayer id="dynamic1" width="100%" height="322"><layer id="dynamic2" width="100%" height="322"><div id="dynamic3"></div></layer></ilayer></td>
</tr>
</table>
</form>
';
$text .= '<script type="text/javascript">
var description=new Array()
description[0]="Midnight"
description[1]="1 A.M."
description[2]="2 A.M."
description[3]="3 A.M."
description[4]="4 A.M."
description[5]="5 A.M."
description[6]="6 A.M."
description[7]="7 A.M."
description[8]="8 A.M."
description[9]="9 A.M."
description[10]="10 A.M."
description[11]="11 A.M."
description[12]="Noon"
description[13]="1 P.M."
description[14]="2 P.M."
description[15]="3 P.M."
description[16]="4 P.M."
description[17]="5 P.M."
description[18]="6 P.M."
description[19]="7 P.M."
description[20]="8 P.M."
description[21]="9 P.M."
description[22]="10 P.M."
description[23]="11 P.M."
var ie4=document.all
var ns6=document.getElementById
var tempobj=document.dynamicselector.dynamicselector2
if (ie4||ns6)
var contentobj=document.getElementById? document.getElementById("dynamic3"): document.all.dynamic3
function generateimage(which){
if (ie4||ns6){
contentobj.innerHTML=';
$text .= "'<center>Loading image...</center>'
contentobj.innerHTML='<center><img src=";
$text .= '"';
$text .= "'+which+'";
$text .= '"';
$text .= "><br><br>'+description[tempobj.options.selectedIndex]+'</center>'
}
else if (document.layers){
document.dynamic1.document.dynamic2.document.write('<center><img src=";
$text .= '"';
$text .= "'+which+'";
$text .= '"><br><br>';
$text .= "'+description[tempobj.options.selectedIndex]+'</center>')
document.dynamic1.document.dynamic2.document.close()
}
else
alert('You need NS 4+ or IE 4+ to view the images!')
}

function generatedefault(){
generateimage(tempobj.options[tempobj.options.selectedIndex].value)
}

if (ie4||ns6||document.layers){
if (tempobj.options.selectedIndex!=-1){
if (ns6)
generatedefault()
else
window.onload=generatedefault
}
}

</script>
";
$ns -> tablerender("Webcams", $text); 
require_once(FOOTERF); 
?> 
