~alanbell/+junk/camcontrol

« back to all changes in this revision

Viewing changes to pad.html

  • Committer: Alan Bell
  • Date: 2012-10-31 21:02:45 UTC
  • Revision ID: alanbell@ubuntu.com-20121031210245-t9a2yp31jmewrwud
somewhat generic UI file for the camera, buttons for the presets and a
clickable video

Show diffs side-by-side

added added

removed removed

Lines of Context:
 
1
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
2
<head>
 
3
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
4
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
 
5
<script language="javascript">
 
6
function camgoto(x,y)
 
7
{
 
8
 $.get('camcontrol.py?gox=' + x + '&goy=' + y);
 
9
}
 
10
function preset(n)
 
11
{
 
12
 $.get('camcontrol.py?preset=' + n);
 
13
}
 
14
 
 
15
</script>
 
16
<style>
 
17
input {width:100;height:100;}
 
18
body {background:#222}
 
19
</style>
 
20
 
 
21
</head>
 
22
<body>
 
23
<img style="float:right;" src="http://guest:guest@ubingo.libertus.co.uk:9090/videostream.cgi" usemap="#navmap"/>
 
24
 
 
25
<map name="navmap" >
 
26
  <area shape="rect" alt="-320,-240" title="-320,-240" coords="0,0,40,40" onclick="camgoto(320,-240)">
 
27
  <area shape="rect" alt="-320,-200" title="-320,-200" coords="0,40,40,80" onclick="camgoto(320,-200)">
 
28
  <area shape="rect" alt="-320,-160" title="-320,-160" coords="0,80,40,120" onclick="camgoto(320,-160)">
 
29
  <area shape="rect" alt="-320,-120" title="-320,-120" coords="0,120,40,160" onclick="camgoto(320,-120)">
 
30
  <area shape="rect" alt="-320,-80" title="-320,-80" coords="0,160,40,200" onclick="camgoto(320,-80)">
 
31
  <area shape="rect" alt="-320,-40" title="-320,-40" coords="0,200,40,240" onclick="camgoto(320,-40)">
 
32
  <area shape="rect" alt="-320,0" title="-320,0" coords="0,240,40,280" onclick="camgoto(320,0)">
 
33
  <area shape="rect" alt="-320,40" title="-320,40" coords="0,280,40,320" onclick="camgoto(320,40)">
 
34
  <area shape="rect" alt="-320,80" title="-320,80" coords="0,320,40,360" onclick="camgoto(320,80)">
 
35
  <area shape="rect" alt="-320,120" title="-320,120" coords="0,360,40,400" onclick="camgoto(320,120)">
 
36
  <area shape="rect" alt="-320,160" title="-320,160" coords="0,400,40,440" onclick="camgoto(320,160)">
 
37
  <area shape="rect" alt="-320,200" title="-320,200" coords="0,440,40,480" onclick="camgoto(320,200)">
 
38
  <area shape="rect" alt="-280,-240" title="-280,-240" coords="40,0,80,40" onclick="camgoto(280,-240)">
 
39
  <area shape="rect" alt="-280,-200" title="-280,-200" coords="40,40,80,80" onclick="camgoto(280,-200)">
 
40
  <area shape="rect" alt="-280,-160" title="-280,-160" coords="40,80,80,120" onclick="camgoto(280,-160)">
 
41
  <area shape="rect" alt="-280,-120" title="-280,-120" coords="40,120,80,160" onclick="camgoto(280,-120)">
 
42
  <area shape="rect" alt="-280,-80" title="-280,-80" coords="40,160,80,200" onclick="camgoto(280,-80)">
 
43
  <area shape="rect" alt="-280,-40" title="-280,-40" coords="40,200,80,240" onclick="camgoto(280,-40)">
 
44
  <area shape="rect" alt="-280,0" title="-280,0" coords="40,240,80,280" onclick="camgoto(280,0)">
 
45
  <area shape="rect" alt="-280,40" title="-280,40" coords="40,280,80,320" onclick="camgoto(280,40)">
 
46
  <area shape="rect" alt="-280,80" title="-280,80" coords="40,320,80,360" onclick="camgoto(280,80)">
 
47
  <area shape="rect" alt="-280,120" title="-280,120" coords="40,360,80,400" onclick="camgoto(280,120)">
 
48
  <area shape="rect" alt="-280,160" title="-280,160" coords="40,400,80,440" onclick="camgoto(280,160)">
 
49
  <area shape="rect" alt="-280,200" title="-280,200" coords="40,440,80,480" onclick="camgoto(280,200)">
 
50
  <area shape="rect" alt="-240,-240" title="-240,-240" coords="80,0,120,40" onclick="camgoto(240,-240)">
 
51
  <area shape="rect" alt="-240,-200" title="-240,-200" coords="80,40,120,80" onclick="camgoto(240,-200)">
 
52
  <area shape="rect" alt="-240,-160" title="-240,-160" coords="80,80,120,120" onclick="camgoto(240,-160)">
 
53
  <area shape="rect" alt="-240,-120" title="-240,-120" coords="80,120,120,160" onclick="camgoto(240,-120)">
 
54
  <area shape="rect" alt="-240,-80" title="-240,-80" coords="80,160,120,200" onclick="camgoto(240,-80)">
 
55
  <area shape="rect" alt="-240,-40" title="-240,-40" coords="80,200,120,240" onclick="camgoto(240,-40)">
 
56
  <area shape="rect" alt="-240,0" title="-240,0" coords="80,240,120,280" onclick="camgoto(240,0)">
 
57
  <area shape="rect" alt="-240,40" title="-240,40" coords="80,280,120,320" onclick="camgoto(240,40)">
 
58
  <area shape="rect" alt="-240,80" title="-240,80" coords="80,320,120,360" onclick="camgoto(240,80)">
 
59
  <area shape="rect" alt="-240,120" title="-240,120" coords="80,360,120,400" onclick="camgoto(240,120)">
 
60
  <area shape="rect" alt="-240,160" title="-240,160" coords="80,400,120,440" onclick="camgoto(240,160)">
 
61
  <area shape="rect" alt="-240,200" title="-240,200" coords="80,440,120,480" onclick="camgoto(240,200)">
 
62
  <area shape="rect" alt="-200,-240" title="-200,-240" coords="120,0,160,40" onclick="camgoto(200,-240)">
 
63
  <area shape="rect" alt="-200,-200" title="-200,-200" coords="120,40,160,80" onclick="camgoto(200,-200)">
 
64
  <area shape="rect" alt="-200,-160" title="-200,-160" coords="120,80,160,120" onclick="camgoto(200,-160)">
 
65
  <area shape="rect" alt="-200,-120" title="-200,-120" coords="120,120,160,160" onclick="camgoto(200,-120)">
 
66
  <area shape="rect" alt="-200,-80" title="-200,-80" coords="120,160,160,200" onclick="camgoto(200,-80)">
 
67
  <area shape="rect" alt="-200,-40" title="-200,-40" coords="120,200,160,240" onclick="camgoto(200,-40)">
 
68
  <area shape="rect" alt="-200,0" title="-200,0" coords="120,240,160,280" onclick="camgoto(200,0)">
 
69
  <area shape="rect" alt="-200,40" title="-200,40" coords="120,280,160,320" onclick="camgoto(200,40)">
 
70
  <area shape="rect" alt="-200,80" title="-200,80" coords="120,320,160,360" onclick="camgoto(200,80)">
 
71
  <area shape="rect" alt="-200,120" title="-200,120" coords="120,360,160,400" onclick="camgoto(200,120)">
 
72
  <area shape="rect" alt="-200,160" title="-200,160" coords="120,400,160,440" onclick="camgoto(200,160)">
 
73
  <area shape="rect" alt="-200,200" title="-200,200" coords="120,440,160,480" onclick="camgoto(200,200)">
 
74
  <area shape="rect" alt="-160,-240" title="-160,-240" coords="160,0,200,40" onclick="camgoto(160,-240)">
 
75
  <area shape="rect" alt="-160,-200" title="-160,-200" coords="160,40,200,80" onclick="camgoto(160,-200)">
 
76
  <area shape="rect" alt="-160,-160" title="-160,-160" coords="160,80,200,120" onclick="camgoto(160,-160)">
 
77
  <area shape="rect" alt="-160,-120" title="-160,-120" coords="160,120,200,160" onclick="camgoto(160,-120)">
 
78
  <area shape="rect" alt="-160,-80" title="-160,-80" coords="160,160,200,200" onclick="camgoto(160,-80)">
 
79
  <area shape="rect" alt="-160,-40" title="-160,-40" coords="160,200,200,240" onclick="camgoto(160,-40)">
 
80
  <area shape="rect" alt="-160,0" title="-160,0" coords="160,240,200,280" onclick="camgoto(160,0)">
 
81
  <area shape="rect" alt="-160,40" title="-160,40" coords="160,280,200,320" onclick="camgoto(160,40)">
 
82
  <area shape="rect" alt="-160,80" title="-160,80" coords="160,320,200,360" onclick="camgoto(160,80)">
 
83
  <area shape="rect" alt="-160,120" title="-160,120" coords="160,360,200,400" onclick="camgoto(160,120)">
 
84
  <area shape="rect" alt="-160,160" title="-160,160" coords="160,400,200,440" onclick="camgoto(160,160)">
 
85
  <area shape="rect" alt="-160,200" title="-160,200" coords="160,440,200,480" onclick="camgoto(160,200)">
 
86
  <area shape="rect" alt="-120,-240" title="-120,-240" coords="200,0,240,40" onclick="camgoto(120,-240)">
 
87
  <area shape="rect" alt="-120,-200" title="-120,-200" coords="200,40,240,80" onclick="camgoto(120,-200)">
 
88
  <area shape="rect" alt="-120,-160" title="-120,-160" coords="200,80,240,120" onclick="camgoto(120,-160)">
 
89
  <area shape="rect" alt="-120,-120" title="-120,-120" coords="200,120,240,160" onclick="camgoto(120,-120)">
 
90
  <area shape="rect" alt="-120,-80" title="-120,-80" coords="200,160,240,200" onclick="camgoto(120,-80)">
 
91
  <area shape="rect" alt="-120,-40" title="-120,-40" coords="200,200,240,240" onclick="camgoto(120,-40)">
 
92
  <area shape="rect" alt="-120,0" title="-120,0" coords="200,240,240,280" onclick="camgoto(120,0)">
 
93
  <area shape="rect" alt="-120,40" title="-120,40" coords="200,280,240,320" onclick="camgoto(120,40)">
 
94
  <area shape="rect" alt="-120,80" title="-120,80" coords="200,320,240,360" onclick="camgoto(120,80)">
 
95
  <area shape="rect" alt="-120,120" title="-120,120" coords="200,360,240,400" onclick="camgoto(120,120)">
 
96
  <area shape="rect" alt="-120,160" title="-120,160" coords="200,400,240,440" onclick="camgoto(120,160)">
 
97
  <area shape="rect" alt="-120,200" title="-120,200" coords="200,440,240,480" onclick="camgoto(120,200)">
 
98
  <area shape="rect" alt="-80,-240" title="-80,-240" coords="240,0,280,40" onclick="camgoto(80,-240)">
 
99
  <area shape="rect" alt="-80,-200" title="-80,-200" coords="240,40,280,80" onclick="camgoto(80,-200)">
 
100
  <area shape="rect" alt="-80,-160" title="-80,-160" coords="240,80,280,120" onclick="camgoto(80,-160)">
 
101
  <area shape="rect" alt="-80,-120" title="-80,-120" coords="240,120,280,160" onclick="camgoto(80,-120)">
 
102
  <area shape="rect" alt="-80,-80" title="-80,-80" coords="240,160,280,200" onclick="camgoto(80,-80)">
 
103
  <area shape="rect" alt="-80,-40" title="-80,-40" coords="240,200,280,240" onclick="camgoto(80,-40)">
 
104
  <area shape="rect" alt="-80,0" title="-80,0" coords="240,240,280,280" onclick="camgoto(80,0)">
 
105
  <area shape="rect" alt="-80,40" title="-80,40" coords="240,280,280,320" onclick="camgoto(80,40)">
 
106
  <area shape="rect" alt="-80,80" title="-80,80" coords="240,320,280,360" onclick="camgoto(80,80)">
 
107
  <area shape="rect" alt="-80,120" title="-80,120" coords="240,360,280,400" onclick="camgoto(80,120)">
 
108
  <area shape="rect" alt="-80,160" title="-80,160" coords="240,400,280,440" onclick="camgoto(80,160)">
 
109
  <area shape="rect" alt="-80,200" title="-80,200" coords="240,440,280,480" onclick="camgoto(80,200)">
 
110
  <area shape="rect" alt="-40,-240" title="-40,-240" coords="280,0,320,40" onclick="camgoto(40,-240)">
 
111
  <area shape="rect" alt="-40,-200" title="-40,-200" coords="280,40,320,80" onclick="camgoto(40,-200)">
 
112
  <area shape="rect" alt="-40,-160" title="-40,-160" coords="280,80,320,120" onclick="camgoto(40,-160)">
 
113
  <area shape="rect" alt="-40,-120" title="-40,-120" coords="280,120,320,160" onclick="camgoto(40,-120)">
 
114
  <area shape="rect" alt="-40,-80" title="-40,-80" coords="280,160,320,200" onclick="camgoto(40,-80)">
 
115
  <area shape="rect" alt="-40,-40" title="-40,-40" coords="280,200,320,240" onclick="camgoto(40,-40)">
 
116
  <area shape="rect" alt="-40,0" title="-40,0" coords="280,240,320,280" onclick="camgoto(40,0)">
 
117
  <area shape="rect" alt="-40,40" title="-40,40" coords="280,280,320,320" onclick="camgoto(40,40)">
 
118
  <area shape="rect" alt="-40,80" title="-40,80" coords="280,320,320,360" onclick="camgoto(40,80)">
 
119
  <area shape="rect" alt="-40,120" title="-40,120" coords="280,360,320,400" onclick="camgoto(40,120)">
 
120
  <area shape="rect" alt="-40,160" title="-40,160" coords="280,400,320,440" onclick="camgoto(40,160)">
 
121
  <area shape="rect" alt="-40,200" title="-40,200" coords="280,440,320,480" onclick="camgoto(40,200)">
 
122
  <area shape="rect" alt="0,-240" title="0,-240" coords="320,0,360,40" onclick="camgoto(0,-240)">
 
123
  <area shape="rect" alt="0,-200" title="0,-200" coords="320,40,360,80" onclick="camgoto(0,-200)">
 
124
  <area shape="rect" alt="0,-160" title="0,-160" coords="320,80,360,120" onclick="camgoto(0,-160)">
 
125
  <area shape="rect" alt="0,-120" title="0,-120" coords="320,120,360,160" onclick="camgoto(0,-120)">
 
126
  <area shape="rect" alt="0,-80" title="0,-80" coords="320,160,360,200" onclick="camgoto(0,-80)">
 
127
  <area shape="rect" alt="0,-40" title="0,-40" coords="320,200,360,240" onclick="camgoto(0,-40)">
 
128
  <area shape="rect" alt="0,0" title="0,0" coords="320,240,360,280" onclick="camgoto(0,0)">
 
129
  <area shape="rect" alt="0,40" title="0,40" coords="320,280,360,320" onclick="camgoto(0,40)">
 
130
  <area shape="rect" alt="0,80" title="0,80" coords="320,320,360,360" onclick="camgoto(0,80)">
 
131
  <area shape="rect" alt="0,120" title="0,120" coords="320,360,360,400" onclick="camgoto(0,120)">
 
132
  <area shape="rect" alt="0,160" title="0,160" coords="320,400,360,440" onclick="camgoto(0,160)">
 
133
  <area shape="rect" alt="0,200" title="0,200" coords="320,440,360,480" onclick="camgoto(0,200)">
 
134
  <area shape="rect" alt="40,-240" title="40,-240" coords="360,0,400,40" onclick="camgoto(-40,-240)">
 
135
  <area shape="rect" alt="40,-200" title="40,-200" coords="360,40,400,80" onclick="camgoto(-40,-200)">
 
136
  <area shape="rect" alt="40,-160" title="40,-160" coords="360,80,400,120" onclick="camgoto(-40,-160)">
 
137
  <area shape="rect" alt="40,-120" title="40,-120" coords="360,120,400,160" onclick="camgoto(-40,-120)">
 
138
  <area shape="rect" alt="40,-80" title="40,-80" coords="360,160,400,200" onclick="camgoto(-40,-80)">
 
139
  <area shape="rect" alt="40,-40" title="40,-40" coords="360,200,400,240" onclick="camgoto(-40,-40)">
 
140
  <area shape="rect" alt="40,0" title="40,0" coords="360,240,400,280" onclick="camgoto(-40,0)">
 
141
  <area shape="rect" alt="40,40" title="40,40" coords="360,280,400,320" onclick="camgoto(-40,40)">
 
142
  <area shape="rect" alt="40,80" title="40,80" coords="360,320,400,360" onclick="camgoto(-40,80)">
 
143
  <area shape="rect" alt="40,120" title="40,120" coords="360,360,400,400" onclick="camgoto(-40,120)">
 
144
  <area shape="rect" alt="40,160" title="40,160" coords="360,400,400,440" onclick="camgoto(-40,160)">
 
145
  <area shape="rect" alt="40,200" title="40,200" coords="360,440,400,480" onclick="camgoto(-40,200)">
 
146
  <area shape="rect" alt="80,-240" title="80,-240" coords="400,0,440,40" onclick="camgoto(-80,-240)">
 
147
  <area shape="rect" alt="80,-200" title="80,-200" coords="400,40,440,80" onclick="camgoto(-80,-200)">
 
148
  <area shape="rect" alt="80,-160" title="80,-160" coords="400,80,440,120" onclick="camgoto(-80,-160)">
 
149
  <area shape="rect" alt="80,-120" title="80,-120" coords="400,120,440,160" onclick="camgoto(-80,-120)">
 
150
  <area shape="rect" alt="80,-80" title="80,-80" coords="400,160,440,200" onclick="camgoto(-80,-80)">
 
151
  <area shape="rect" alt="80,-40" title="80,-40" coords="400,200,440,240" onclick="camgoto(-80,-40)">
 
152
  <area shape="rect" alt="80,0" title="80,0" coords="400,240,440,280" onclick="camgoto(-80,0)">
 
153
  <area shape="rect" alt="80,40" title="80,40" coords="400,280,440,320" onclick="camgoto(-80,40)">
 
154
  <area shape="rect" alt="80,80" title="80,80" coords="400,320,440,360" onclick="camgoto(-80,80)">
 
155
  <area shape="rect" alt="80,120" title="80,120" coords="400,360,440,400" onclick="camgoto(-80,120)">
 
156
  <area shape="rect" alt="80,160" title="80,160" coords="400,400,440,440" onclick="camgoto(-80,160)">
 
157
  <area shape="rect" alt="80,200" title="80,200" coords="400,440,440,480" onclick="camgoto(-80,200)">
 
158
  <area shape="rect" alt="120,-240" title="120,-240" coords="440,0,480,40" onclick="camgoto(-120,-240)">
 
159
  <area shape="rect" alt="120,-200" title="120,-200" coords="440,40,480,80" onclick="camgoto(-120,-200)">
 
160
  <area shape="rect" alt="120,-160" title="120,-160" coords="440,80,480,120" onclick="camgoto(-120,-160)">
 
161
  <area shape="rect" alt="120,-120" title="120,-120" coords="440,120,480,160" onclick="camgoto(-120,-120)">
 
162
  <area shape="rect" alt="120,-80" title="120,-80" coords="440,160,480,200" onclick="camgoto(-120,-80)">
 
163
  <area shape="rect" alt="120,-40" title="120,-40" coords="440,200,480,240" onclick="camgoto(-120,-40)">
 
164
  <area shape="rect" alt="120,0" title="120,0" coords="440,240,480,280" onclick="camgoto(-120,0)">
 
165
  <area shape="rect" alt="120,40" title="120,40" coords="440,280,480,320" onclick="camgoto(-120,40)">
 
166
  <area shape="rect" alt="120,80" title="120,80" coords="440,320,480,360" onclick="camgoto(-120,80)">
 
167
  <area shape="rect" alt="120,120" title="120,120" coords="440,360,480,400" onclick="camgoto(-120,120)">
 
168
  <area shape="rect" alt="120,160" title="120,160" coords="440,400,480,440" onclick="camgoto(-120,160)">
 
169
  <area shape="rect" alt="120,200" title="120,200" coords="440,440,480,480" onclick="camgoto(-120,200)">
 
170
  <area shape="rect" alt="160,-240" title="160,-240" coords="480,0,520,40" onclick="camgoto(-160,-240)">
 
171
  <area shape="rect" alt="160,-200" title="160,-200" coords="480,40,520,80" onclick="camgoto(-160,-200)">
 
172
  <area shape="rect" alt="160,-160" title="160,-160" coords="480,80,520,120" onclick="camgoto(-160,-160)">
 
173
  <area shape="rect" alt="160,-120" title="160,-120" coords="480,120,520,160" onclick="camgoto(-160,-120)">
 
174
  <area shape="rect" alt="160,-80" title="160,-80" coords="480,160,520,200" onclick="camgoto(-160,-80)">
 
175
  <area shape="rect" alt="160,-40" title="160,-40" coords="480,200,520,240" onclick="camgoto(-160,-40)">
 
176
  <area shape="rect" alt="160,0" title="160,0" coords="480,240,520,280" onclick="camgoto(-160,0)">
 
177
  <area shape="rect" alt="160,40" title="160,40" coords="480,280,520,320" onclick="camgoto(-160,40)">
 
178
  <area shape="rect" alt="160,80" title="160,80" coords="480,320,520,360" onclick="camgoto(-160,80)">
 
179
  <area shape="rect" alt="160,120" title="160,120" coords="480,360,520,400" onclick="camgoto(-160,120)">
 
180
  <area shape="rect" alt="160,160" title="160,160" coords="480,400,520,440" onclick="camgoto(-160,160)">
 
181
  <area shape="rect" alt="160,200" title="160,200" coords="480,440,520,480" onclick="camgoto(-160,200)">
 
182
  <area shape="rect" alt="200,-240" title="200,-240" coords="520,0,560,40" onclick="camgoto(-200,-240)">
 
183
  <area shape="rect" alt="200,-200" title="200,-200" coords="520,40,560,80" onclick="camgoto(-200,-200)">
 
184
  <area shape="rect" alt="200,-160" title="200,-160" coords="520,80,560,120" onclick="camgoto(-200,-160)">
 
185
  <area shape="rect" alt="200,-120" title="200,-120" coords="520,120,560,160" onclick="camgoto(-200,-120)">
 
186
  <area shape="rect" alt="200,-80" title="200,-80" coords="520,160,560,200" onclick="camgoto(-200,-80)">
 
187
  <area shape="rect" alt="200,-40" title="200,-40" coords="520,200,560,240" onclick="camgoto(-200,-40)">
 
188
  <area shape="rect" alt="200,0" title="200,0" coords="520,240,560,280" onclick="camgoto(-200,0)">
 
189
  <area shape="rect" alt="200,40" title="200,40" coords="520,280,560,320" onclick="camgoto(-200,40)">
 
190
  <area shape="rect" alt="200,80" title="200,80" coords="520,320,560,360" onclick="camgoto(-200,80)">
 
191
  <area shape="rect" alt="200,120" title="200,120" coords="520,360,560,400" onclick="camgoto(-200,120)">
 
192
  <area shape="rect" alt="200,160" title="200,160" coords="520,400,560,440" onclick="camgoto(-200,160)">
 
193
  <area shape="rect" alt="200,200" title="200,200" coords="520,440,560,480" onclick="camgoto(-200,200)">
 
194
  <area shape="rect" alt="240,-240" title="240,-240" coords="560,0,600,40" onclick="camgoto(-240,-240)">
 
195
  <area shape="rect" alt="240,-200" title="240,-200" coords="560,40,600,80" onclick="camgoto(-240,-200)">
 
196
  <area shape="rect" alt="240,-160" title="240,-160" coords="560,80,600,120" onclick="camgoto(-240,-160)">
 
197
  <area shape="rect" alt="240,-120" title="240,-120" coords="560,120,600,160" onclick="camgoto(-240,-120)">
 
198
  <area shape="rect" alt="240,-80" title="240,-80" coords="560,160,600,200" onclick="camgoto(-240,-80)">
 
199
  <area shape="rect" alt="240,-40" title="240,-40" coords="560,200,600,240" onclick="camgoto(-240,-40)">
 
200
  <area shape="rect" alt="240,0" title="240,0" coords="560,240,600,280" onclick="camgoto(-240,0)">
 
201
  <area shape="rect" alt="240,40" title="240,40" coords="560,280,600,320" onclick="camgoto(-240,40)">
 
202
  <area shape="rect" alt="240,80" title="240,80" coords="560,320,600,360" onclick="camgoto(-240,80)">
 
203
  <area shape="rect" alt="240,120" title="240,120" coords="560,360,600,400" onclick="camgoto(-240,120)">
 
204
  <area shape="rect" alt="240,160" title="240,160" coords="560,400,600,440" onclick="camgoto(-240,160)">
 
205
  <area shape="rect" alt="240,200" title="240,200" coords="560,440,600,480" onclick="camgoto(-240,200)">
 
206
  <area shape="rect" alt="280,-240" title="280,-240" coords="600,0,640,40" onclick="camgoto(-280,-240)">
 
207
  <area shape="rect" alt="280,-200" title="280,-200" coords="600,40,640,80" onclick="camgoto(-280,-200)">
 
208
  <area shape="rect" alt="280,-160" title="280,-160" coords="600,80,640,120" onclick="camgoto(-280,-160)">
 
209
  <area shape="rect" alt="280,-120" title="280,-120" coords="600,120,640,160" onclick="camgoto(-280,-120)">
 
210
  <area shape="rect" alt="280,-80" title="280,-80" coords="600,160,640,200" onclick="camgoto(-280,-80)">
 
211
  <area shape="rect" alt="280,-40" title="280,-40" coords="600,200,640,240" onclick="camgoto(-280,-40)">
 
212
  <area shape="rect" alt="280,0" title="280,0" coords="600,240,640,280" onclick="camgoto(-280,0)">
 
213
  <area shape="rect" alt="280,40" title="280,40" coords="600,280,640,320" onclick="camgoto(-280,40)">
 
214
  <area shape="rect" alt="280,80" title="280,80" coords="600,320,640,360" onclick="camgoto(-280,80)">
 
215
  <area shape="rect" alt="280,120" title="280,120" coords="600,360,640,400" onclick="camgoto(-280,120)">
 
216
  <area shape="rect" alt="280,160" title="280,160" coords="600,400,640,440" onclick="camgoto(-280,160)">
 
217
  <area shape="rect" alt="280,200" title="280,200" coords="600,440,640,480" onclick="camgoto(-280,200)">
 
218
</map>
 
219
<input type=button onclick="preset(31)" value="door">
 
220
<input type=button onclick="preset(33)" value="grass">
 
221
<br>
 
222
<br>
 
223
<input type=button onclick="preset(35)" value="gate">
 
224
<input type=button onclick="preset(37)" value="road">
 
225
<br>
 
226
<br>
 
227
<input type=button onclick="preset(39)" value="4">
 
228
<input type=button onclick="preset(41)" value="5">
 
229
<br>
 
230
<br>
 
231
<input type=button onclick="preset(43)" value="6">
 
232
<input type=button onclick="preset(45)" value="7">
 
233
</body>
 
234
</html>