//StarbaseArcade.com Webcam Script
//By Jordan Mack

var webcam_counter = 0;
var webcam_refreshrate = 3;
var webcam_current = 3;
var webcam_flag = 1;
var webcam_ctime = 0;

function go()
{
  webcam_current--;
  document.getElementById("countdown").innerHTML = webcam_current;
  if(webcam_current < 1)
  {
    if(webcam_flag == 0)
    {
      webcam_counter++;
	  webcam_ctime = (new Date()).getTime();
      document.getElementById("cam").src="http://24.5.32.170:80?"+webcam_ctime;
      webcam_current = webcam_refreshrate+1;
      document.getElementById("countdown").innerHTML = 0;
      document.getElementById("status").innerHTML = "Status: Loading frame "+webcam_counter+"...";
      webcam_flag = 1;
      setTimeout("go()", 1000)
    }
    else if(webcam_flag == 2)
    {
      webcam_current = 1;
	  webcam_ctime = (new Date()).getTime();
      document.getElementById("cam").src="http://24.5.32.170:80?"+webcam_ctime;
      document.getElementById("status").innerHTML = "Status: Image load failed. Retrying...";
      setTimeout("go()", 1000)
    }
    else
    {
      webcam_current = 1;
      document.getElementById("status").innerHTML = "Status: Waiting for image to load...";
      setTimeout("go()", 500)
    }
  }
  else
  {
    document.getElementById("status").innerHTML = "Status: Counting down...";
    setTimeout("go()", 1000)
  }
}

function up()
{
  webcam_refreshrate++;
  document.getElementById("timeout").innerHTML = webcam_refreshrate;
}

function down()
{
  if(webcam_refreshrate > 0) { webcam_refreshrate--; }
  document.getElementById("timeout").innerHTML = webcam_refreshrate;
}

function webcam_flagf(webcam_flagpass)
{
  webcam_flag = webcam_flagpass;
}
document.write("<div style=\"text-align: center\">");
document.write("<img id=\"cam\" width=320 height=240 src=\"http://24.5.32.170:80\" onload=\"webcam_flagf(0)\" onerror=\"webcam_flagf(2)\">");
document.write("<table style=\"margin: 0px auto 0px auto\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">");
document.write("<tr>");
document.write("<td colspan=\"2\">");
document.write("<form style=\"display: inline\">");
document.write("<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\">");
document.write("<tr>");
document.write("<td>Auto refresh every&nbsp;</td>");
document.write("<td><p id=\"timeout\">3</p></td>");
document.write("<td>&nbsp;seconds&nbsp;</td>");
document.write("<td>");
document.write("<input type=button value=\"up\" onclick=\"up()\"> <input type=button value=\"down\" onclick=\"down()\"><br />");
document.write("</td>");
document.write("</tr>");
document.write("</table>");
document.write("</form>");
document.write("</td>");
document.write("</tr>");
document.write("<tr>");
document.write("<td colspan=\"2\">");
document.write("<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\">");
document.write("<tr>");
document.write("<td><p id=\"countdown\">3</p></td>");
document.write("<td>&nbsp;seconds until next refresh.</td>");
document.write("</tr>");
document.write("</table>");
document.write("</td>");
document.write("</tr>");
document.write("<tr>");
document.write("<td colspan=\"2\"><p id=\"status\">Status: Counting down...</p></td>");
document.write("</tr>");
document.write("</table>");
document.write("</div>");
go();