Ticket #95: select_color.html

File select_color.html, 29.3 KB (added by riftdesign, 15 years ago)

updated /popups/select_color.html

Line 
1<!-- note: this version of the color picker is optimized for IE 5.5+ only -->
2
3<html><head><title>Select Color</title>
4
5<script type="text/javascript" src="popup.js"></script>
6
7<script type="text/javascript">
8
9window.resizeTo(240, 182);
10function _CloseOnEsc() {
11  if (event.keyCode == 27) { window.close(); return; }
12}
13
14function Init() {                                                       // run on page load
15  __dlg_init();    // <!-- this can be found in popup.js -->
16  document.body.onkeypress = _CloseOnEsc;
17
18  var color = window.dialogArguments;
19  color = ValidateColor(color) || '000000';
20  View(color);                                                          // set default color
21}
22
23function View(color) {                  // preview color
24  document.getElementById("ColorPreview").style.backgroundColor = '#' + color;
25  document.getElementById("ColorHex").value = '#' + color;
26}
27
28function Set(string) {                   // select color
29  var color = ValidateColor(string);
30  if (color == null) { alert("Invalid color code: " + string); }        // invalid color
31  else {                                                                // valid color
32    View(color);                          // show selected color
33    __dlg_close(color);
34  }
35}
36
37function ValidateColor(string) {                // return valid color code
38  string = string || '';
39  string = string + "";
40  string = string.toUpperCase();
41  var chars = '0123456789ABCDEF';
42  var out   = '';
43
44  for (var i=0; i<string.length; i++) {             // remove invalid color chars
45    var schar = string.charAt(i);
46    if (chars.indexOf(schar) != -1) { out += schar; }
47  }
48
49  if (out.length != 6) { return null; }            // check length
50  return out;
51}
52
53</script>
54</head>
55<body style="background:ButtonFace; margin:0px; padding:0px" onload="Init()">
56
57<form method="get" style="margin:0px; padding:0px" onSubmit="Set(document.getElementById('ColorHex').value); return false;">
58<table border="0px" cellspacing="0px" cellpadding="4" width="100%">
59 <tr>
60  <td style="background:buttonface" valign=center><div style="background-color: #000000; padding: 1; height: 21px; width: 50px"><div id="ColorPreview" style="height: 100%; width: 100%"></div></div></td>
61  <td style="background:buttonface" valign=center><input type="text" name="ColorHex"
62    id="ColorHex" value="" size=15 style="font-size: 12px"></td>
63  <td style="background:buttonface" width=100%></td>
64 </tr>
65</table>
66</form>
67
68<table border="0" cellspacing="1px" cellpadding="0px" width="100%" bgcolor="#000000" style="this.style.cursor='pointer'; this.style.cursor='hand';">
69<tr>
70<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
71<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
72<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
73<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
74<td bgcolor="#003300" onMouseOver="View('003300')" onClick="Set('003300')" height="10px" width="10px"></td>
75<td bgcolor="#006600" onMouseOver="View('006600')" onClick="Set('006600')" height="10px" width="10px"></td>
76<td bgcolor="#009900" onMouseOver="View('009900')" onClick="Set('009900')" height="10px" width="10px"></td>
77<td bgcolor="#00CC00" onMouseOver="View('00CC00')" onClick="Set('00CC00')" height="10px" width="10px"></td>
78<td bgcolor="#00FF00" onMouseOver="View('00FF00')" onClick="Set('00FF00')" height="10px" width="10px"></td>
79<td bgcolor="#330000" onMouseOver="View('330000')" onClick="Set('330000')" height="10px" width="10px"></td>
80<td bgcolor="#333300" onMouseOver="View('333300')" onClick="Set('333300')" height="10px" width="10px"></td>
81<td bgcolor="#336600" onMouseOver="View('336600')" onClick="Set('336600')" height="10px" width="10px"></td>
82<td bgcolor="#339900" onMouseOver="View('339900')" onClick="Set('339900')" height="10px" width="10px"></td>
83<td bgcolor="#33CC00" onMouseOver="View('33CC00')" onClick="Set('33CC00')" height="10px" width="10px"></td>
84<td bgcolor="#33FF00" onMouseOver="View('33FF00')" onClick="Set('33FF00')" height="10px" width="10px"></td>
85<td bgcolor="#660000" onMouseOver="View('660000')" onClick="Set('660000')" height="10px" width="10px"></td>
86<td bgcolor="#663300" onMouseOver="View('663300')" onClick="Set('663300')" height="10px" width="10px"></td>
87<td bgcolor="#666600" onMouseOver="View('666600')" onClick="Set('666600')" height="10px" width="10px"></td>
88<td bgcolor="#669900" onMouseOver="View('669900')" onClick="Set('669900')" height="10px" width="10px"></td>
89<td bgcolor="#66CC00" onMouseOver="View('66CC00')" onClick="Set('66CC00')" height="10px" width="10px"></td>
90<td bgcolor="#66FF00" onMouseOver="View('66FF00')" onClick="Set('66FF00')" height="10px" width="10px"></td>
91</tr>
92<tr>
93<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
94<td bgcolor="#333333" onMouseOver="View('333333')" onClick="Set('333333')" height="10px" width="10px"></td>
95<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
96<td bgcolor="#000033" onMouseOver="View('000033')" onClick="Set('000033')" height="10px" width="10px"></td>
97<td bgcolor="#003333" onMouseOver="View('003333')" onClick="Set('003333')" height="10px" width="10px"></td>
98<td bgcolor="#006633" onMouseOver="View('006633')" onClick="Set('006633')" height="10px" width="10px"></td>
99<td bgcolor="#009933" onMouseOver="View('009933')" onClick="Set('009933')" height="10px" width="10px"></td>
100<td bgcolor="#00CC33" onMouseOver="View('00CC33')" onClick="Set('00CC33')" height="10px" width="10px"></td>
101<td bgcolor="#00FF33" onMouseOver="View('00FF33')" onClick="Set('00FF33')" height="10px" width="10px"></td>
102<td bgcolor="#330033" onMouseOver="View('330033')" onClick="Set('330033')" height="10px" width="10px"></td>
103<td bgcolor="#333333" onMouseOver="View('333333')" onClick="Set('333333')" height="10px" width="10px"></td>
104<td bgcolor="#336633" onMouseOver="View('336633')" onClick="Set('336633')" height="10px" width="10px"></td>
105<td bgcolor="#339933" onMouseOver="View('339933')" onClick="Set('339933')" height="10px" width="10px"></td>
106<td bgcolor="#33CC33" onMouseOver="View('33CC33')" onClick="Set('33CC33')" height="10px" width="10px"></td>
107<td bgcolor="#33FF33" onMouseOver="View('33FF33')" onClick="Set('33FF33')" height="10px" width="10px"></td>
108<td bgcolor="#660033" onMouseOver="View('660033')" onClick="Set('660033')" height="10px" width="10px"></td>
109<td bgcolor="#663333" onMouseOver="View('663333')" onClick="Set('663333')" height="10px" width="10px"></td>
110<td bgcolor="#666633" onMouseOver="View('666633')" onClick="Set('666633')" height="10px" width="10px"></td>
111<td bgcolor="#669933" onMouseOver="View('669933')" onClick="Set('669933')" height="10px" width="10px"></td>
112<td bgcolor="#66CC33" onMouseOver="View('66CC33')" onClick="Set('66CC33')" height="10px" width="10px"></td>
113<td bgcolor="#66FF33" onMouseOver="View('66FF33')" onClick="Set('66FF33')" height="10px" width="10px"></td>
114</tr>
115<tr>
116<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
117<td bgcolor="#666666" onMouseOver="View('666666')" onClick="Set('666666')" height="10px" width="10px"></td>
118<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
119<td bgcolor="#000066" onMouseOver="View('000066')" onClick="Set('000066')" height="10px" width="10px"></td>
120<td bgcolor="#003366" onMouseOver="View('003366')" onClick="Set('003366')" height="10px" width="10px"></td>
121<td bgcolor="#006666" onMouseOver="View('006666')" onClick="Set('006666')" height="10px" width="10px"></td>
122<td bgcolor="#009966" onMouseOver="View('009966')" onClick="Set('009966')" height="10px" width="10px"></td>
123<td bgcolor="#00CC66" onMouseOver="View('00CC66')" onClick="Set('00CC66')" height="10px" width="10px"></td>
124<td bgcolor="#00FF66" onMouseOver="View('00FF66')" onClick="Set('00FF66')" height="10px" width="10px"></td>
125<td bgcolor="#330066" onMouseOver="View('330066')" onClick="Set('330066')" height="10px" width="10px"></td>
126<td bgcolor="#333366" onMouseOver="View('333366')" onClick="Set('333366')" height="10px" width="10px"></td>
127<td bgcolor="#336666" onMouseOver="View('336666')" onClick="Set('336666')" height="10px" width="10px"></td>
128<td bgcolor="#339966" onMouseOver="View('339966')" onClick="Set('339966')" height="10px" width="10px"></td>
129<td bgcolor="#33CC66" onMouseOver="View('33CC66')" onClick="Set('33CC66')" height="10px" width="10px"></td>
130<td bgcolor="#33FF66" onMouseOver="View('33FF66')" onClick="Set('33FF66')" height="10px" width="10px"></td>
131<td bgcolor="#660066" onMouseOver="View('660066')" onClick="Set('660066')" height="10px" width="10px"></td>
132<td bgcolor="#663366" onMouseOver="View('663366')" onClick="Set('663366')" height="10px" width="10px"></td>
133<td bgcolor="#666666" onMouseOver="View('666666')" onClick="Set('666666')" height="10px" width="10px"></td>
134<td bgcolor="#669966" onMouseOver="View('669966')" onClick="Set('669966')" height="10px" width="10px"></td>
135<td bgcolor="#66CC66" onMouseOver="View('66CC66')" onClick="Set('66CC66')" height="10px" width="10px"></td>
136<td bgcolor="#66FF66" onMouseOver="View('66FF66')" onClick="Set('66FF66')" height="10px" width="10px"></td>
137</tr>
138<tr>
139<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
140<td bgcolor="#999999" onMouseOver="View('999999')" onClick="Set('999999')" height="10px" width="10px"></td>
141<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
142<td bgcolor="#000099" onMouseOver="View('000099')" onClick="Set('000099')" height="10px" width="10px"></td>
143<td bgcolor="#003399" onMouseOver="View('003399')" onClick="Set('003399')" height="10px" width="10px"></td>
144<td bgcolor="#006699" onMouseOver="View('006699')" onClick="Set('006699')" height="10px" width="10px"></td>
145<td bgcolor="#009999" onMouseOver="View('009999')" onClick="Set('009999')" height="10px" width="10px"></td>
146<td bgcolor="#00CC99" onMouseOver="View('00CC99')" onClick="Set('00CC99')" height="10px" width="10px"></td>
147<td bgcolor="#00FF99" onMouseOver="View('00FF99')" onClick="Set('00FF99')" height="10px" width="10px"></td>
148<td bgcolor="#330099" onMouseOver="View('330099')" onClick="Set('330099')" height="10px" width="10px"></td>
149<td bgcolor="#333399" onMouseOver="View('333399')" onClick="Set('333399')" height="10px" width="10px"></td>
150<td bgcolor="#336699" onMouseOver="View('336699')" onClick="Set('336699')" height="10px" width="10px"></td>
151<td bgcolor="#339999" onMouseOver="View('339999')" onClick="Set('339999')" height="10px" width="10px"></td>
152<td bgcolor="#33CC99" onMouseOver="View('33CC99')" onClick="Set('33CC99')" height="10px" width="10px"></td>
153<td bgcolor="#33FF99" onMouseOver="View('33FF99')" onClick="Set('33FF99')" height="10px" width="10px"></td>
154<td bgcolor="#660099" onMouseOver="View('660099')" onClick="Set('660099')" height="10px" width="10px"></td>
155<td bgcolor="#663399" onMouseOver="View('663399')" onClick="Set('663399')" height="10px" width="10px"></td>
156<td bgcolor="#666699" onMouseOver="View('666699')" onClick="Set('666699')" height="10px" width="10px"></td>
157<td bgcolor="#669999" onMouseOver="View('669999')" onClick="Set('669999')" height="10px" width="10px"></td>
158<td bgcolor="#66CC99" onMouseOver="View('66CC99')" onClick="Set('66CC99')" height="10px" width="10px"></td>
159<td bgcolor="#66FF99" onMouseOver="View('66FF99')" onClick="Set('66FF99')" height="10px" width="10px"></td>
160</tr>
161<tr>
162<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
163<td bgcolor="#CCCCCC" onMouseOver="View('CCCCCC')" onClick="Set('CCCCCC')" height="10px" width="10px"></td>
164<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
165<td bgcolor="#0000CC" onMouseOver="View('0000CC')" onClick="Set('0000CC')" height="10px" width="10px"></td>
166<td bgcolor="#0033CC" onMouseOver="View('0033CC')" onClick="Set('0033CC')" height="10px" width="10px"></td>
167<td bgcolor="#0066CC" onMouseOver="View('0066CC')" onClick="Set('0066CC')" height="10px" width="10px"></td>
168<td bgcolor="#0099CC" onMouseOver="View('0099CC')" onClick="Set('0099CC')" height="10px" width="10px"></td>
169<td bgcolor="#00CCCC" onMouseOver="View('00CCCC')" onClick="Set('00CCCC')" height="10px" width="10px"></td>
170<td bgcolor="#00FFCC" onMouseOver="View('00FFCC')" onClick="Set('00FFCC')" height="10px" width="10px"></td>
171<td bgcolor="#3300CC" onMouseOver="View('3300CC')" onClick="Set('3300CC')" height="10px" width="10px"></td>
172<td bgcolor="#3333CC" onMouseOver="View('3333CC')" onClick="Set('3333CC')" height="10px" width="10px"></td>
173<td bgcolor="#3366CC" onMouseOver="View('3366CC')" onClick="Set('3366CC')" height="10px" width="10px"></td>
174<td bgcolor="#3399CC" onMouseOver="View('3399CC')" onClick="Set('3399CC')" height="10px" width="10px"></td>
175<td bgcolor="#33CCCC" onMouseOver="View('33CCCC')" onClick="Set('33CCCC')" height="10px" width="10px"></td>
176<td bgcolor="#33FFCC" onMouseOver="View('33FFCC')" onClick="Set('33FFCC')" height="10px" width="10px"></td>
177<td bgcolor="#6600CC" onMouseOver="View('6600CC')" onClick="Set('6600CC')" height="10px" width="10px"></td>
178<td bgcolor="#6633CC" onMouseOver="View('6633CC')" onClick="Set('6633CC')" height="10px" width="10px"></td>
179<td bgcolor="#6666CC" onMouseOver="View('6666CC')" onClick="Set('6666CC')" height="10px" width="10px"></td>
180<td bgcolor="#6699CC" onMouseOver="View('6699CC')" onClick="Set('6699CC')" height="10px" width="10px"></td>
181<td bgcolor="#66CCCC" onMouseOver="View('66CCCC')" onClick="Set('66CCCC')" height="10px" width="10px"></td>
182<td bgcolor="#66FFCC" onMouseOver="View('66FFCC')" onClick="Set('66FFCC')" height="10px" width="10px"></td>
183</tr>
184<tr>
185<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
186<td bgcolor="#FFFFFF" onMouseOver="View('FFFFFF')" onClick="Set('FFFFFF')" height="10px" width="10px"></td>
187<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
188<td bgcolor="#0000FF" onMouseOver="View('0000FF')" onClick="Set('0000FF')" height="10px" width="10px"></td>
189<td bgcolor="#0033FF" onMouseOver="View('0033FF')" onClick="Set('0033FF')" height="10px" width="10px"></td>
190<td bgcolor="#0066FF" onMouseOver="View('0066FF')" onClick="Set('0066FF')" height="10px" width="10px"></td>
191<td bgcolor="#0099FF" onMouseOver="View('0099FF')" onClick="Set('0099FF')" height="10px" width="10px"></td>
192<td bgcolor="#00CCFF" onMouseOver="View('00CCFF')" onClick="Set('00CCFF')" height="10px" width="10px"></td>
193<td bgcolor="#00FFFF" onMouseOver="View('00FFFF')" onClick="Set('00FFFF')" height="10px" width="10px"></td>
194<td bgcolor="#3300FF" onMouseOver="View('3300FF')" onClick="Set('3300FF')" height="10px" width="10px"></td>
195<td bgcolor="#3333FF" onMouseOver="View('3333FF')" onClick="Set('3333FF')" height="10px" width="10px"></td>
196<td bgcolor="#3366FF" onMouseOver="View('3366FF')" onClick="Set('3366FF')" height="10px" width="10px"></td>
197<td bgcolor="#3399FF" onMouseOver="View('3399FF')" onClick="Set('3399FF')" height="10px" width="10px"></td>
198<td bgcolor="#33CCFF" onMouseOver="View('33CCFF')" onClick="Set('33CCFF')" height="10px" width="10px"></td>
199<td bgcolor="#33FFFF" onMouseOver="View('33FFFF')" onClick="Set('33FFFF')" height="10px" width="10px"></td>
200<td bgcolor="#6600FF" onMouseOver="View('6600FF')" onClick="Set('6600FF')" height="10px" width="10px"></td>
201<td bgcolor="#6633FF" onMouseOver="View('6633FF')" onClick="Set('6633FF')" height="10px" width="10px"></td>
202<td bgcolor="#6666FF" onMouseOver="View('6666FF')" onClick="Set('6666FF')" height="10px" width="10px"></td>
203<td bgcolor="#6699FF" onMouseOver="View('6699FF')" onClick="Set('6699FF')" height="10px" width="10px"></td>
204<td bgcolor="#66CCFF" onMouseOver="View('66CCFF')" onClick="Set('66CCFF')" height="10px" width="10px"></td>
205<td bgcolor="#66FFFF" onMouseOver="View('66FFFF')" onClick="Set('66FFFF')" height="10px" width="10px"></td>
206</tr>
207<tr>
208<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
209<td bgcolor="#FF0000" onMouseOver="View('FF0000')" onClick="Set('FF0000')" height="10px" width="10px"></td>
210<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
211<td bgcolor="#990000" onMouseOver="View('990000')" onClick="Set('990000')" height="10px" width="10px"></td>
212<td bgcolor="#993300" onMouseOver="View('993300')" onClick="Set('993300')" height="10px" width="10px"></td>
213<td bgcolor="#996600" onMouseOver="View('996600')" onClick="Set('996600')" height="10px" width="10px"></td>
214<td bgcolor="#999900" onMouseOver="View('999900')" onClick="Set('999900')" height="10px" width="10px"></td>
215<td bgcolor="#99CC00" onMouseOver="View('99CC00')" onClick="Set('99CC00')" height="10px" width="10px"></td>
216<td bgcolor="#99FF00" onMouseOver="View('99FF00')" onClick="Set('99FF00')" height="10px" width="10px"></td>
217<td bgcolor="#CC0000" onMouseOver="View('CC0000')" onClick="Set('CC0000')" height="10px" width="10px"></td>
218<td bgcolor="#CC3300" onMouseOver="View('CC3300')" onClick="Set('CC3300')" height="10px" width="10px"></td>
219<td bgcolor="#CC6600" onMouseOver="View('CC6600')" onClick="Set('CC6600')" height="10px" width="10px"></td>
220<td bgcolor="#CC9900" onMouseOver="View('CC9900')" onClick="Set('CC9900')" height="10px" width="10px"></td>
221<td bgcolor="#CCCC00" onMouseOver="View('CCCC00')" onClick="Set('CCCC00')" height="10px" width="10px"></td>
222<td bgcolor="#CCFF00" onMouseOver="View('CCFF00')" onClick="Set('CCFF00')" height="10px" width="10px"></td>
223<td bgcolor="#FF0000" onMouseOver="View('FF0000')" onClick="Set('FF0000')" height="10px" width="10px"></td>
224<td bgcolor="#FF3300" onMouseOver="View('FF3300')" onClick="Set('FF3300')" height="10px" width="10px"></td>
225<td bgcolor="#FF6600" onMouseOver="View('FF6600')" onClick="Set('FF6600')" height="10px" width="10px"></td>
226<td bgcolor="#FF9900" onMouseOver="View('FF9900')" onClick="Set('FF9900')" height="10px" width="10px"></td>
227<td bgcolor="#FFCC00" onMouseOver="View('FFCC00')" onClick="Set('FFCC00')" height="10px" width="10px"></td>
228<td bgcolor="#FFFF00" onMouseOver="View('FFFF00')" onClick="Set('FFFF00')" height="10px" width="10px"></td>
229</tr>
230<tr>
231<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
232<td bgcolor="#00FF00" onMouseOver="View('00FF00')" onClick="Set('00FF00')" height="10px" width="10px"></td>
233<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
234<td bgcolor="#990033" onMouseOver="View('990033')" onClick="Set('990033')" height="10px" width="10px"></td>
235<td bgcolor="#993333" onMouseOver="View('993333')" onClick="Set('993333')" height="10px" width="10px"></td>
236<td bgcolor="#996633" onMouseOver="View('996633')" onClick="Set('996633')" height="10px" width="10px"></td>
237<td bgcolor="#999933" onMouseOver="View('999933')" onClick="Set('999933')" height="10px" width="10px"></td>
238<td bgcolor="#99CC33" onMouseOver="View('99CC33')" onClick="Set('99CC33')" height="10px" width="10px"></td>
239<td bgcolor="#99FF33" onMouseOver="View('99FF33')" onClick="Set('99FF33')" height="10px" width="10px"></td>
240<td bgcolor="#CC0033" onMouseOver="View('CC0033')" onClick="Set('CC0033')" height="10px" width="10px"></td>
241<td bgcolor="#CC3333" onMouseOver="View('CC3333')" onClick="Set('CC3333')" height="10px" width="10px"></td>
242<td bgcolor="#CC6633" onMouseOver="View('CC6633')" onClick="Set('CC6633')" height="10px" width="10px"></td>
243<td bgcolor="#CC9933" onMouseOver="View('CC9933')" onClick="Set('CC9933')" height="10px" width="10px"></td>
244<td bgcolor="#CCCC33" onMouseOver="View('CCCC33')" onClick="Set('CCCC33')" height="10px" width="10px"></td>
245<td bgcolor="#CCFF33" onMouseOver="View('CCFF33')" onClick="Set('CCFF33')" height="10px" width="10px"></td>
246<td bgcolor="#FF0033" onMouseOver="View('FF0033')" onClick="Set('FF0033')" height="10px" width="10px"></td>
247<td bgcolor="#FF3333" onMouseOver="View('FF3333')" onClick="Set('FF3333')" height="10px" width="10px"></td>
248<td bgcolor="#FF6633" onMouseOver="View('FF6633')" onClick="Set('FF6633')" height="10px" width="10px"></td>
249<td bgcolor="#FF9933" onMouseOver="View('FF9933')" onClick="Set('FF9933')" height="10px" width="10px"></td>
250<td bgcolor="#FFCC33" onMouseOver="View('FFCC33')" onClick="Set('FFCC33')" height="10px" width="10px"></td>
251<td bgcolor="#FFFF33" onMouseOver="View('FFFF33')" onClick="Set('FFFF33')" height="10px" width="10px"></td>
252</tr>
253<tr>
254<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
255<td bgcolor="#0000FF" onMouseOver="View('0000FF')" onClick="Set('0000FF')" height="10px" width="10px"></td>
256<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
257<td bgcolor="#990066" onMouseOver="View('990066')" onClick="Set('990066')" height="10px" width="10px"></td>
258<td bgcolor="#993366" onMouseOver="View('993366')" onClick="Set('993366')" height="10px" width="10px"></td>
259<td bgcolor="#996666" onMouseOver="View('996666')" onClick="Set('996666')" height="10px" width="10px"></td>
260<td bgcolor="#999966" onMouseOver="View('999966')" onClick="Set('999966')" height="10px" width="10px"></td>
261<td bgcolor="#99CC66" onMouseOver="View('99CC66')" onClick="Set('99CC66')" height="10px" width="10px"></td>
262<td bgcolor="#99FF66" onMouseOver="View('99FF66')" onClick="Set('99FF66')" height="10px" width="10px"></td>
263<td bgcolor="#CC0066" onMouseOver="View('CC0066')" onClick="Set('CC0066')" height="10px" width="10px"></td>
264<td bgcolor="#CC3366" onMouseOver="View('CC3366')" onClick="Set('CC3366')" height="10px" width="10px"></td>
265<td bgcolor="#CC6666" onMouseOver="View('CC6666')" onClick="Set('CC6666')" height="10px" width="10px"></td>
266<td bgcolor="#CC9966" onMouseOver="View('CC9966')" onClick="Set('CC9966')" height="10px" width="10px"></td>
267<td bgcolor="#CCCC66" onMouseOver="View('CCCC66')" onClick="Set('CCCC66')" height="10px" width="10px"></td>
268<td bgcolor="#CCFF66" onMouseOver="View('CCFF66')" onClick="Set('CCFF66')" height="10px" width="10px"></td>
269<td bgcolor="#FF0066" onMouseOver="View('FF0066')" onClick="Set('FF0066')" height="10px" width="10px"></td>
270<td bgcolor="#FF3366" onMouseOver="View('FF3366')" onClick="Set('FF3366')" height="10px" width="10px"></td>
271<td bgcolor="#FF6666" onMouseOver="View('FF6666')" onClick="Set('FF6666')" height="10px" width="10px"></td>
272<td bgcolor="#FF9966" onMouseOver="View('FF9966')" onClick="Set('FF9966')" height="10px" width="10px"></td>
273<td bgcolor="#FFCC66" onMouseOver="View('FFCC66')" onClick="Set('FFCC66')" height="10px" width="10px"></td>
274<td bgcolor="#FFFF66" onMouseOver="View('FFFF66')" onClick="Set('FFFF66')" height="10px" width="10px"></td>
275</tr>
276<tr>
277<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
278<td bgcolor="#FFFF00" onMouseOver="View('FFFF00')" onClick="Set('FFFF00')" height="10px" width="10px"></td>
279<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
280<td bgcolor="#990099" onMouseOver="View('990099')" onClick="Set('990099')" height="10px" width="10px"></td>
281<td bgcolor="#993399" onMouseOver="View('993399')" onClick="Set('993399')" height="10px" width="10px"></td>
282<td bgcolor="#996699" onMouseOver="View('996699')" onClick="Set('996699')" height="10px" width="10px"></td>
283<td bgcolor="#999999" onMouseOver="View('999999')" onClick="Set('999999')" height="10px" width="10px"></td>
284<td bgcolor="#99CC99" onMouseOver="View('99CC99')" onClick="Set('99CC99')" height="10px" width="10px"></td>
285<td bgcolor="#99FF99" onMouseOver="View('99FF99')" onClick="Set('99FF99')" height="10px" width="10px"></td>
286<td bgcolor="#CC0099" onMouseOver="View('CC0099')" onClick="Set('CC0099')" height="10px" width="10px"></td>
287<td bgcolor="#CC3399" onMouseOver="View('CC3399')" onClick="Set('CC3399')" height="10px" width="10px"></td>
288<td bgcolor="#CC6699" onMouseOver="View('CC6699')" onClick="Set('CC6699')" height="10px" width="10px"></td>
289<td bgcolor="#CC9999" onMouseOver="View('CC9999')" onClick="Set('CC9999')" height="10px" width="10px"></td>
290<td bgcolor="#CCCC99" onMouseOver="View('CCCC99')" onClick="Set('CCCC99')" height="10px" width="10px"></td>
291<td bgcolor="#CCFF99" onMouseOver="View('CCFF99')" onClick="Set('CCFF99')" height="10px" width="10px"></td>
292<td bgcolor="#FF0099" onMouseOver="View('FF0099')" onClick="Set('FF0099')" height="10px" width="10px"></td>
293<td bgcolor="#FF3399" onMouseOver="View('FF3399')" onClick="Set('FF3399')" height="10px" width="10px"></td>
294<td bgcolor="#FF6699" onMouseOver="View('FF6699')" onClick="Set('FF6699')" height="10px" width="10px"></td>
295<td bgcolor="#FF9999" onMouseOver="View('FF9999')" onClick="Set('FF9999')" height="10px" width="10px"></td>
296<td bgcolor="#FFCC99" onMouseOver="View('FFCC99')" onClick="Set('FFCC99')" height="10px" width="10px"></td>
297<td bgcolor="#FFFF99" onMouseOver="View('FFFF99')" onClick="Set('FFFF99')" height="10px" width="10px"></td>
298</tr>
299<tr>
300<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
301<td bgcolor="#00FFFF" onMouseOver="View('00FFFF')" onClick="Set('00FFFF')" height="10px" width="10px"></td>
302<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
303<td bgcolor="#9900CC" onMouseOver="View('9900CC')" onClick="Set('9900CC')" height="10px" width="10px"></td>
304<td bgcolor="#9933CC" onMouseOver="View('9933CC')" onClick="Set('9933CC')" height="10px" width="10px"></td>
305<td bgcolor="#9966CC" onMouseOver="View('9966CC')" onClick="Set('9966CC')" height="10px" width="10px"></td>
306<td bgcolor="#9999CC" onMouseOver="View('9999CC')" onClick="Set('9999CC')" height="10px" width="10px"></td>
307<td bgcolor="#99CCCC" onMouseOver="View('99CCCC')" onClick="Set('99CCCC')" height="10px" width="10px"></td>
308<td bgcolor="#99FFCC" onMouseOver="View('99FFCC')" onClick="Set('99FFCC')" height="10px" width="10px"></td>
309<td bgcolor="#CC00CC" onMouseOver="View('CC00CC')" onClick="Set('CC00CC')" height="10px" width="10px"></td>
310<td bgcolor="#CC33CC" onMouseOver="View('CC33CC')" onClick="Set('CC33CC')" height="10px" width="10px"></td>
311<td bgcolor="#CC66CC" onMouseOver="View('CC66CC')" onClick="Set('CC66CC')" height="10px" width="10px"></td>
312<td bgcolor="#CC99CC" onMouseOver="View('CC99CC')" onClick="Set('CC99CC')" height="10px" width="10px"></td>
313<td bgcolor="#CCCCCC" onMouseOver="View('CCCCCC')" onClick="Set('CCCCCC')" height="10px" width="10px"></td>
314<td bgcolor="#CCFFCC" onMouseOver="View('CCFFCC')" onClick="Set('CCFFCC')" height="10px" width="10px"></td>
315<td bgcolor="#FF00CC" onMouseOver="View('FF00CC')" onClick="Set('FF00CC')" height="10px" width="10px"></td>
316<td bgcolor="#FF33CC" onMouseOver="View('FF33CC')" onClick="Set('FF33CC')" height="10px" width="10px"></td>
317<td bgcolor="#FF66CC" onMouseOver="View('FF66CC')" onClick="Set('FF66CC')" height="10px" width="10px"></td>
318<td bgcolor="#FF99CC" onMouseOver="View('FF99CC')" onClick="Set('FF99CC')" height="10px" width="10px"></td>
319<td bgcolor="#FFCCCC" onMouseOver="View('FFCCCC')" onClick="Set('FFCCCC')" height="10px" width="10px"></td>
320<td bgcolor="#FFFFCC" onMouseOver="View('FFFFCC')" onClick="Set('FFFFCC')" height="10px" width="10px"></td>
321</tr>
322<tr>
323<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
324<td bgcolor="#FF00FF" onMouseOver="View('FF00FF')" onClick="Set('FF00FF')" height="10px" width="10px"></td>
325<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
326<td bgcolor="#9900FF" onMouseOver="View('9900FF')" onClick="Set('9900FF')" height="10px" width="10px"></td>
327<td bgcolor="#9933FF" onMouseOver="View('9933FF')" onClick="Set('9933FF')" height="10px" width="10px"></td>
328<td bgcolor="#9966FF" onMouseOver="View('9966FF')" onClick="Set('9966FF')" height="10px" width="10px"></td>
329<td bgcolor="#9999FF" onMouseOver="View('9999FF')" onClick="Set('9999FF')" height="10px" width="10px"></td>
330<td bgcolor="#99CCFF" onMouseOver="View('99CCFF')" onClick="Set('99CCFF')" height="10px" width="10px"></td>
331<td bgcolor="#99FFFF" onMouseOver="View('99FFFF')" onClick="Set('99FFFF')" height="10px" width="10px"></td>
332<td bgcolor="#CC00FF" onMouseOver="View('CC00FF')" onClick="Set('CC00FF')" height="10px" width="10px"></td>
333<td bgcolor="#CC33FF" onMouseOver="View('CC33FF')" onClick="Set('CC33FF')" height="10px" width="10px"></td>
334<td bgcolor="#CC66FF" onMouseOver="View('CC66FF')" onClick="Set('CC66FF')" height="10px" width="10px"></td>
335<td bgcolor="#CC99FF" onMouseOver="View('CC99FF')" onClick="Set('CC99FF')" height="10px" width="10px"></td>
336<td bgcolor="#CCCCFF" onMouseOver="View('CCCCFF')" onClick="Set('CCCCFF')" height="10px" width="10px"></td>
337<td bgcolor="#CCFFFF" onMouseOver="View('CCFFFF')" onClick="Set('CCFFFF')" height="10px" width="10px"></td>
338<td bgcolor="#FF00FF" onMouseOver="View('FF00FF')" onClick="Set('FF00FF')" height="10px" width="10px"></td>
339<td bgcolor="#FF33FF" onMouseOver="View('FF33FF')" onClick="Set('FF33FF')" height="10px" width="10px"></td>
340<td bgcolor="#FF66FF" onMouseOver="View('FF66FF')" onClick="Set('FF66FF')" height="10px" width="10px"></td>
341<td bgcolor="#FF99FF" onMouseOver="View('FF99FF')" onClick="Set('FF99FF')" height="10px" width="10px"></td>
342<td bgcolor="#FFCCFF" onMouseOver="View('FFCCFF')" onClick="Set('FFCCFF')" height="10px" width="10px"></td>
343<td bgcolor="#FFFFFF" onMouseOver="View('FFFFFF')" onClick="Set('FFFFFF')" height="10px" width="10px"></td>
344</tr>
345</table>
346
347</body></html>