document.getElementById("camera-list-select-wrapper").innerHTML = "<select id=\"camera-list\" name=\"selectCamera\" size=\"13\" onchange=\"showCameraImage(this.selectedIndex)\"><option value=\"#\">-- Choose a camera --</option></select>";


// ----------------------------------------------------------------
// Variables for the 290 cameras from the Houston Transtar website
// ----------------------------------------------------------------

var US290Cameras = new Array();
var US290Roadway = "US-290 Northwest";
var CameraBaseURL = "http://www.houstontranstar.org/snapshots/cctv/";
var CameraCount = 0;


// --------------------------------------------------------------
// Extract the 290 cameras only, from the entire list of cameras
// on Houston Transtar's website
// --------------------------------------------------------------

for (i = 0; i < cctvCameras.length; i++)
{ 		
	
	var cctvCamerasRoadway = new String();
	var validCamera = "";
	
	cctvCamerasRoadway = cctvCameras[i].roadway; //The roadway name, e.g. "290 Northwest"
	validCamera = cctvCameras[i].validimg; //Is the camera active?
			
	if ((cctvCamerasRoadway == US290Roadway) && (validCamera == 'True'))
	{
        US290Cameras[CameraCount] = cctvCameras[i];
	    CameraCount ++;
	}
}

// ----------------------------------------
// Show the camera image
// ----------------------------------------

function showCameraImage(selectedCamera)
{
    var currentTime = new Date();    
    var cameraURL = "<img src=\"" + document.forms[0].selectCamera.options[selectedCamera].value + "?arg=" + currentTime.getTime() + "\">";    
    document.getElementById("camera-image").innerHTML = cameraURL;
            
}


// ------------------------------------------------------
//  Initialize. Add all the cameras to the dropdown list,
//  and show the first image by default
// ------------------------------------------------------

for (i = 0; i < US290Cameras.length; i++)
{
    var US290CameraName = "US 290 at " + US290Cameras[i].location;    
    document.forms[0].selectCamera[i] = new Option(US290CameraName,CameraBaseURL + US290Cameras[i].path);        
}

//Select the first camera by default and show the camera image
if (US290Cameras.length > 0) 
{
    document.forms[0].selectCamera.selectedIndex = 0;    
    showCameraImage(0);
}