Howdy,

I'm trying to show a 'livestream' on my website of a foscam security camera. I'm using this code:

Code:
<script type="text/javascript" language="JavaScript">// <![CDATA[
// Set image refresh rate. 1000 = 1 second 
var timeout = 1000; 

function reload(element)
{
   setTimeout('reloadImg("' + element.id + '")',timeout)
};

function reloadImg(id) 
{ 
   // Get reference to document DOM object	
   var obj = document.getElementById(id); 

   // Separate the time portion	
   var cameraIP = obj.src.split('&#038;t=');	

   // Get the current date	
   var date = new Date(); 

   // Update the image for the specific camera. Add the current date/time to the end so browser does not used cached image
   obj.src = cameraIP[0] + "&#038;t=" + Math.floor(date.getTime()/timeout);
}
// ]]></script>

<!-- Camera 1 -->
<a href="http://212.187.75.15:90" target="_blank"><img id="cam1" class="alignnone" src="http://212.187.75.15:90/cgi-bin/CGIProxy.fcgi?cmd=snapPicture2&amp;usr=gast&amp;pwd=gast&amp;t=" alt="" width="800" height="450" name="refresh" /></a>

<!-- Camera 2 -->
<a href="http://212.187.75.15:88" target="_blank"><img id="cam2" class="alignnone" src="http://212.187.75.15:88/cgi-bin/CGIProxy.fcgi?cmd=snapPicture2&amp;usr=gast&amp;pwd=gast&amp;t=" alt="" width="800" height="450" name="refresh" /></a>
I think it should refresh the image. But instead I get a static image. Any suggestions what I could do to remedy this?