Stuff

OK here are some snippets of the code ...

<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=us-ascii">
	<link rel="stylesheet" type="text/css" href="base2.css">
	<title>Kmotion</title>

<script language="JavaScript" type="text/javascript" >

	<?php
	# We need PHP & Javascript constants of the number of video feeds
	define('VIDEO_FEEDS', 7);
	echo 'const video_feeds = '.VIDEO_FEEDS
	?>;

	function preload_images()
	{
		// View select button preloads

		view1_red_url = new Image();
		view1_red_url.src = "view_select/r1.png";
		view4_red_url = new Image();
		view4_red_url.src = "view_select/r4.png";
		view9_red_url = new Image();
		view9_red_url.src = "view_select/r9.png";
		view16_red_url = new Image();
		view16_red_url.src = "view_select/r16.png";

		view1_blue_url = new Image();
		view1_blue_url.src = "view_select/b1.png";
		view4_blue_url = new Image();
		view4_blue_url.src = "view_select/b4.png";
		view9_blue_url = new Image();
		view9_blue_url.src = "view_select/b9.png";
		view16_blue_url = new Image();
		view16_blue_url.src = "view_select/b16.png";

etc ... etc ...
Then in the main body I have ...

		<img id="view1_png" src="view_select/b1.png" onClick="view1_clicked();" alt="view 1 camera">
		<img id="view4_png" src="view_select/b4.png" onClick="view4_clicked();" alt="view 4 cameras">
		<img id="view9_png" src="view_select/b9.png" onClick="view9_clicked();" alt="view 9 cameras">
		<img id="view16_png" src="view_select/b16.png" onClick="view16_clicked();" alt="view 16 cameras">
	 
And view1_clicked(); calls another javascript function in the head which has the line

document.getElementById("view1_png").src=view1_red_url;

but I get view1_red_url not defined :(

Oh I almost forgot ... at the end of the page I have ...

<script language="JavaScript" type="text/javascript" >
onload="preload_images()";
</script>













	function update_view_select(active_view)
	{
		for (i=1; i<5; i++)
		{
			i2=i*i
			if (i2 == active_view) 
			{
				document.getElementById("view"+i2+"_png").src="view"+i2+"_red_url";
			}
			else 
			{
				document.getElementById("view"+i2+"_png").src="view"+i2+"_blue_url";
			}
		}
	}

</head>

at bottom of page ...

<script language="JavaScript" type="text/javascript" >
onload="preload()";
</script>

the line
document.getElementById("view"+i2+"_png").src="view"+i2+"_red_url";