- introduced preference of type "color"

- modernized color picker a litle to give a visual feedback of the color
This commit is contained in:
Ralf Becker 2011-06-04 09:30:46 +00:00
parent e7e424e1fc
commit f8d2bd1e6b
3 changed files with 915 additions and 897 deletions

View File

@ -88,15 +88,21 @@ class html
* Please note: it need to be called before the call to egw_header() !!!
*
* @param string $name the name of the input-field
* @param string $value the actual value for the input-field, default ''
* @param string $title tooltip/title for the picker-activation-icon
* @param string $value='' the actual value for the input-field, default ''
* @param string $title='' tooltip/title for the picker-activation-icon
* @param string $options='' options for input
* @return string the html
*/
static function inputColor($name,$value='',$title='')
static function inputColor($name,$value='',$title='',$options='')
{
$id = str_replace(array('[',']'),array('_',''),$name).'_colorpicker';
$onclick = "javascript:window.open('".self::$api_js_url.'/colorpicker/select_color.html?id='.urlencode($id)."&color='+encodeURIComponent(document.getElementById('$id').value),'colorPicker','width=240,height=187,scrollbars=no,resizable=no,toolbar=no');";
return '<input type="text" name="'.$name.'" id="'.$id.'" value="'.self::htmlspecialchars($value).'" size="7" maxsize="7" /> '.
$options .= ' id="'.htmlspecialchars($id=str_replace(array('[',']'),array('_',''),$name).'_colorpicker').'"';
$onclick = "javascript:egw_openWindowCentered2('".self::$api_js_url.'/colorpicker/select_color.html?id='.urlencode($id)."&color='+encodeURIComponent(document.getElementById('$id').value),'colorPicker',240,187);";
if (preg_match('/^#[0-9A-F]{6}$/i',$value))
{
$options .= ' style="background-color: '.$value.'"';
}
$options .= ' onChange="this.style.backgroundColor=this.value.match(/^(#[0-9A-F]+|[a-z]+)$/i)?this.value:\'#FFFFFF\'+(this.value=\'\')"';
return self::input($name, $value, 'text', $options.' size="7" maxsize="7"').'&nbsp;'.
'<a href="#" onclick="'.$onclick.'">'.
'<img src="'.self::$api_js_url.'/colorpicker/ed_color_bg.gif'.'"'.($title ? ' title="'.self::htmlspecialchars($title).'"' : '')." /></a>";
}
@ -659,9 +665,14 @@ class html
*/
static function input($name,$value='',$type='',$options='' )
{
if ($type)
switch ((string)$type)
{
$type = 'type="'.$type.'"';
case 'color':
return self::inputColor($name, $value, '', $options);
case '';
break;
default:
$type = 'type="'.$type.'"';
}
return "<input $type name=\"$name\" value=\"".self::htmlspecialchars($value)."\" $options />\n";
}

View File

@ -1,22 +1,22 @@
<!--
/**************************************************************************\
* eGroupWare - Colorpicker *
* http://www.eGroupWare.org *
* Modified from htmlArea by Ralf Becker <RalfBecker@outdoor-training.de> *
\**************************************************************************/
/**************************************************************************\
* eGroupWare - Colorpicker *
* http://www.eGroupWare.org *
* Modified from htmlArea by Ralf Becker <RalfBecker@outdoor-training.de> *
\**************************************************************************/
htmlArea v3.0 - Copyright (c) 2002-2004 interactivetools.com, inc.
This copyright notice MUST stay intact for use (see license.txt).
htmlArea v3.0 - Copyright (c) 2002-2004 interactivetools.com, inc.
This copyright notice MUST stay intact for use (see license.txt).
Portions (c) dynarch.com, 2003-2004
Portions (c) dynarch.com, 2003-2004
$Id$
$Id$
-->
<html><head><title>Select Color</title>
<script type="text/javascript">
window.resizeTo(240, 187);
window.resizeTo(240, 205);
function _CloseOnEsc() {
if (event.keyCode == 27) { window.close(); return; }
}
@ -28,20 +28,10 @@ function Init() { // run o
id = location.search.match(/id=([^&]+)/);
var color = location.search.match(/color=([^&]+)/);
if ( navigator.userAgent.toLowerCase().indexOf("mac")!=-1 )
{
if (id) id = id[1] ;
if (color) color = color[1];
}
else
{
if (id) id = decodeURIComponent(id[1]);
if (color) color = decodeURIComponent(color[1]);
}
//alert('id='+id+', color='+color);
color = ValidateColor(color) || '000000';
View(color); // set default color
@ -53,15 +43,17 @@ function View(color) { // preview color
}
function Set(string) {
//alert (Set
// select color
//alert (Set
// select color
var color = ValidateColor(string);
if (color == null) { alert("Invalid color code: " + string); } // invalid color
else { // valid color
View(color); // show selected color
var input=window.top.opener.document.getElementById(id);
if (input) input.value = '#'+color;
else alert('id='+id+' is not a valid id in opener !!!');
if (input) {
input.value = '#'+color;
input.style.backgroundColor = '#'+color;
} else alert('id='+id+' is not a valid id in opener !!!');
window.close();
}
}
@ -89,9 +81,8 @@ function ValidateColor(string) { // return valid color code
<form method="get" style="margin:0px; padding:0px" onSubmit="Set(document.getElementById('ColorHex').value); return false;">
<table border="0px" cellspacing="0px" cellpadding="4" width="100%">
<tr>
<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>
<td style="background:buttonface" valign=center><input type="text" name="ColorHex"
id="ColorHex" value="" size=15 style="font-size: 12px"></td>
<td style="background:buttonface"><div style="background-color: #000000; padding: 1; height: 21px; width: 50px"><div id="ColorPreview" style="height: 100%; width: 100%"></div></div></td>
<td style="background:buttonface"><input type="text" name="ColorHex" id="ColorHex" value="" size="15" style="font-size: 12px"></td>
<td style="background:buttonface" width=100%></td>
</tr>
</table>
@ -99,280 +90,280 @@ function ValidateColor(string) { // return valid color code
<table border="0" cellspacing="0px" cellpadding="0px" width="100%" bgcolor="#000000" style="cursor: hand;">
<tr>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#003300 onMouseOver=View('003300') onClick=Set('003300') height="10px" width="10px"></td>
<td bgcolor=#006600 onMouseOver=View('006600') onClick=Set('006600') height="10px" width="10px"></td>
<td bgcolor=#009900 onMouseOver=View('009900') onClick=Set('009900') height="10px" width="10px"></td>
<td bgcolor=#00CC00 onMouseOver=View('00CC00') onClick=Set('00CC00') height="10px" width="10px"></td>
<td bgcolor=#00FF00 onMouseOver=View('00FF00') onClick=Set('00FF00') height="10px" width="10px"></td>
<td bgcolor=#330000 onMouseOver=View('330000') onClick=Set('330000') height="10px" width="10px"></td>
<td bgcolor=#333300 onMouseOver=View('333300') onClick=Set('333300') height="10px" width="10px"></td>
<td bgcolor=#336600 onMouseOver=View('336600') onClick=Set('336600') height="10px" width="10px"></td>
<td bgcolor=#339900 onMouseOver=View('339900') onClick=Set('339900') height="10px" width="10px"></td>
<td bgcolor=#33CC00 onMouseOver=View('33CC00') onClick=Set('33CC00') height="10px" width="10px"></td>
<td bgcolor=#33FF00 onMouseOver=View('33FF00') onClick=Set('33FF00') height="10px" width="10px"></td>
<td bgcolor=#660000 onMouseOver=View('660000') onClick=Set('660000') height="10px" width="10px"></td>
<td bgcolor=#663300 onMouseOver=View('663300') onClick=Set('663300') height="10px" width="10px"></td>
<td bgcolor=#666600 onMouseOver=View('666600') onClick=Set('666600') height="10px" width="10px"></td>
<td bgcolor=#669900 onMouseOver=View('669900') onClick=Set('669900') height="10px" width="10px"></td>
<td bgcolor=#66CC00 onMouseOver=View('66CC00') onClick=Set('66CC00') height="10px" width="10px"></td>
<td bgcolor=#66FF00 onMouseOver=View('66FF00') onClick=Set('66FF00') height="10px" width="10px"></td>
<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
<td bgcolor="#003300" onMouseOver="View('003300')" onClick="Set('003300')" height="10px" width="10px"></td>
<td bgcolor="#006600" onMouseOver="View('006600')" onClick="Set('006600')" height="10px" width="10px"></td>
<td bgcolor="#009900" onMouseOver="View('009900')" onClick="Set('009900')" height="10px" width="10px"></td>
<td bgcolor="#00CC00" onMouseOver="View('00CC00')" onClick="Set('00CC00')" height="10px" width="10px"></td>
<td bgcolor="#00FF00" onMouseOver="View('00FF00')" onClick="Set('00FF00')" height="10px" width="10px"></td>
<td bgcolor="#330000" onMouseOver="View('330000')" onClick="Set('330000')" height="10px" width="10px"></td>
<td bgcolor="#333300" onMouseOver="View('333300')" onClick="Set('333300')" height="10px" width="10px"></td>
<td bgcolor="#336600" onMouseOver="View('336600')" onClick="Set('336600')" height="10px" width="10px"></td>
<td bgcolor="#339900" onMouseOver="View('339900')" onClick="Set('339900')" height="10px" width="10px"></td>
<td bgcolor="#33CC00" onMouseOver="View('33CC00')" onClick="Set('33CC00')" height="10px" width="10px"></td>
<td bgcolor="#33FF00" onMouseOver="View('33FF00')" onClick="Set('33FF00')" height="10px" width="10px"></td>
<td bgcolor="#660000" onMouseOver="View('660000')" onClick="Set('660000')" height="10px" width="10px"></td>
<td bgcolor="#663300" onMouseOver="View('663300')" onClick="Set('663300')" height="10px" width="10px"></td>
<td bgcolor="#666600" onMouseOver="View('666600')" onClick="Set('666600')" height="10px" width="10px"></td>
<td bgcolor="#669900" onMouseOver="View('669900')" onClick="Set('669900')" height="10px" width="10px"></td>
<td bgcolor="#66CC00" onMouseOver="View('66CC00')" onClick="Set('66CC00')" height="10px" width="10px"></td>
<td bgcolor="#66FF00" onMouseOver="View('66FF00')" onClick="Set('66FF00')" height="10px" width="10px"></td>
</tr>
<tr>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#333333 onMouseOver=View('333333') onClick=Set('333333') height="10px" width="10px"></td>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#000033 onMouseOver=View('000033') onClick=Set('000033') height="10px" width="10px"></td>
<td bgcolor=#003333 onMouseOver=View('003333') onClick=Set('003333') height="10px" width="10px"></td>
<td bgcolor=#006633 onMouseOver=View('006633') onClick=Set('006633') height="10px" width="10px"></td>
<td bgcolor=#009933 onMouseOver=View('009933') onClick=Set('009933') height="10px" width="10px"></td>
<td bgcolor=#00CC33 onMouseOver=View('00CC33') onClick=Set('00CC33') height="10px" width="10px"></td>
<td bgcolor=#00FF33 onMouseOver=View('00FF33') onClick=Set('00FF33') height="10px" width="10px"></td>
<td bgcolor=#330033 onMouseOver=View('330033') onClick=Set('330033') height="10px" width="10px"></td>
<td bgcolor=#333333 onMouseOver=View('333333') onClick=Set('333333') height="10px" width="10px"></td>
<td bgcolor=#336633 onMouseOver=View('336633') onClick=Set('336633') height="10px" width="10px"></td>
<td bgcolor=#339933 onMouseOver=View('339933') onClick=Set('339933') height="10px" width="10px"></td>
<td bgcolor=#33CC33 onMouseOver=View('33CC33') onClick=Set('33CC33') height="10px" width="10px"></td>
<td bgcolor=#33FF33 onMouseOver=View('33FF33') onClick=Set('33FF33') height="10px" width="10px"></td>
<td bgcolor=#660033 onMouseOver=View('660033') onClick=Set('660033') height="10px" width="10px"></td>
<td bgcolor=#663333 onMouseOver=View('663333') onClick=Set('663333') height="10px" width="10px"></td>
<td bgcolor=#666633 onMouseOver=View('666633') onClick=Set('666633') height="10px" width="10px"></td>
<td bgcolor=#669933 onMouseOver=View('669933') onClick=Set('669933') height="10px" width="10px"></td>
<td bgcolor=#66CC33 onMouseOver=View('66CC33') onClick=Set('66CC33') height="10px" width="10px"></td>
<td bgcolor=#66FF33 onMouseOver=View('66FF33') onClick=Set('66FF33') height="10px" width="10px"></td>
<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
<td bgcolor="#333333" onMouseOver="View('333333')" onClick="Set('333333')" height="10px" width="10px"></td>
<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
<td bgcolor="#000033" onMouseOver="View('000033')" onClick="Set('000033')" height="10px" width="10px"></td>
<td bgcolor="#003333" onMouseOver="View('003333')" onClick="Set('003333')" height="10px" width="10px"></td>
<td bgcolor="#006633" onMouseOver="View('006633')" onClick="Set('006633')" height="10px" width="10px"></td>
<td bgcolor="#009933" onMouseOver="View('009933')" onClick="Set('009933')" height="10px" width="10px"></td>
<td bgcolor="#00CC33" onMouseOver="View('00CC33')" onClick="Set('00CC33')" height="10px" width="10px"></td>
<td bgcolor="#00FF33" onMouseOver="View('00FF33')" onClick="Set('00FF33')" height="10px" width="10px"></td>
<td bgcolor="#330033" onMouseOver="View('330033')" onClick="Set('330033')" height="10px" width="10px"></td>
<td bgcolor="#333333" onMouseOver="View('333333')" onClick="Set('333333')" height="10px" width="10px"></td>
<td bgcolor="#336633" onMouseOver="View('336633')" onClick="Set('336633')" height="10px" width="10px"></td>
<td bgcolor="#339933" onMouseOver="View('339933')" onClick="Set('339933')" height="10px" width="10px"></td>
<td bgcolor="#33CC33" onMouseOver="View('33CC33')" onClick="Set('33CC33')" height="10px" width="10px"></td>
<td bgcolor="#33FF33" onMouseOver="View('33FF33')" onClick="Set('33FF33')" height="10px" width="10px"></td>
<td bgcolor="#660033" onMouseOver="View('660033')" onClick="Set('660033')" height="10px" width="10px"></td>
<td bgcolor="#663333" onMouseOver="View('663333')" onClick="Set('663333')" height="10px" width="10px"></td>
<td bgcolor="#666633" onMouseOver="View('666633')" onClick="Set('666633')" height="10px" width="10px"></td>
<td bgcolor="#669933" onMouseOver="View('669933')" onClick="Set('669933')" height="10px" width="10px"></td>
<td bgcolor="#66CC33" onMouseOver="View('66CC33')" onClick="Set('66CC33')" height="10px" width="10px"></td>
<td bgcolor="#66FF33" onMouseOver="View('66FF33')" onClick="Set('66FF33')" height="10px" width="10px"></td>
</tr>
<tr>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#666666 onMouseOver=View('666666') onClick=Set('666666') height="10px" width="10px"></td>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#000066 onMouseOver=View('000066') onClick=Set('000066') height="10px" width="10px"></td>
<td bgcolor=#003366 onMouseOver=View('003366') onClick=Set('003366') height="10px" width="10px"></td>
<td bgcolor=#006666 onMouseOver=View('006666') onClick=Set('006666') height="10px" width="10px"></td>
<td bgcolor=#009966 onMouseOver=View('009966') onClick=Set('009966') height="10px" width="10px"></td>
<td bgcolor=#00CC66 onMouseOver=View('00CC66') onClick=Set('00CC66') height="10px" width="10px"></td>
<td bgcolor=#00FF66 onMouseOver=View('00FF66') onClick=Set('00FF66') height="10px" width="10px"></td>
<td bgcolor=#330066 onMouseOver=View('330066') onClick=Set('330066') height="10px" width="10px"></td>
<td bgcolor=#333366 onMouseOver=View('333366') onClick=Set('333366') height="10px" width="10px"></td>
<td bgcolor=#336666 onMouseOver=View('336666') onClick=Set('336666') height="10px" width="10px"></td>
<td bgcolor=#339966 onMouseOver=View('339966') onClick=Set('339966') height="10px" width="10px"></td>
<td bgcolor=#33CC66 onMouseOver=View('33CC66') onClick=Set('33CC66') height="10px" width="10px"></td>
<td bgcolor=#33FF66 onMouseOver=View('33FF66') onClick=Set('33FF66') height="10px" width="10px"></td>
<td bgcolor=#660066 onMouseOver=View('660066') onClick=Set('660066') height="10px" width="10px"></td>
<td bgcolor=#663366 onMouseOver=View('663366') onClick=Set('663366') height="10px" width="10px"></td>
<td bgcolor=#666666 onMouseOver=View('666666') onClick=Set('666666') height="10px" width="10px"></td>
<td bgcolor=#669966 onMouseOver=View('669966') onClick=Set('669966') height="10px" width="10px"></td>
<td bgcolor=#66CC66 onMouseOver=View('66CC66') onClick=Set('66CC66') height="10px" width="10px"></td>
<td bgcolor=#66FF66 onMouseOver=View('66FF66') onClick=Set('66FF66') height="10px" width="10px"></td>
<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
<td bgcolor="#666666" onMouseOver="View('666666')" onClick="Set('666666')" height="10px" width="10px"></td>
<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
<td bgcolor="#000066" onMouseOver="View('000066')" onClick="Set('000066')" height="10px" width="10px"></td>
<td bgcolor="#003366" onMouseOver="View('003366')" onClick="Set('003366')" height="10px" width="10px"></td>
<td bgcolor="#006666" onMouseOver="View('006666')" onClick="Set('006666')" height="10px" width="10px"></td>
<td bgcolor="#009966" onMouseOver="View('009966')" onClick="Set('009966')" height="10px" width="10px"></td>
<td bgcolor="#00CC66" onMouseOver="View('00CC66')" onClick="Set('00CC66')" height="10px" width="10px"></td>
<td bgcolor="#00FF66" onMouseOver="View('00FF66')" onClick="Set('00FF66')" height="10px" width="10px"></td>
<td bgcolor="#330066" onMouseOver="View('330066')" onClick="Set('330066')" height="10px" width="10px"></td>
<td bgcolor="#333366" onMouseOver="View('333366')" onClick="Set('333366')" height="10px" width="10px"></td>
<td bgcolor="#336666" onMouseOver="View('336666')" onClick="Set('336666')" height="10px" width="10px"></td>
<td bgcolor="#339966" onMouseOver="View('339966')" onClick="Set('339966')" height="10px" width="10px"></td>
<td bgcolor="#33CC66" onMouseOver="View('33CC66')" onClick="Set('33CC66')" height="10px" width="10px"></td>
<td bgcolor="#33FF66" onMouseOver="View('33FF66')" onClick="Set('33FF66')" height="10px" width="10px"></td>
<td bgcolor="#660066" onMouseOver="View('660066')" onClick="Set('660066')" height="10px" width="10px"></td>
<td bgcolor="#663366" onMouseOver="View('663366')" onClick="Set('663366')" height="10px" width="10px"></td>
<td bgcolor="#666666" onMouseOver="View('666666')" onClick="Set('666666')" height="10px" width="10px"></td>
<td bgcolor="#669966" onMouseOver="View('669966')" onClick="Set('669966')" height="10px" width="10px"></td>
<td bgcolor="#66CC66" onMouseOver="View('66CC66')" onClick="Set('66CC66')" height="10px" width="10px"></td>
<td bgcolor="#66FF66" onMouseOver="View('66FF66')" onClick="Set('66FF66')" height="10px" width="10px"></td>
</tr>
<tr>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#999999 onMouseOver=View('999999') onClick=Set('999999') height="10px" width="10px"></td>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#000099 onMouseOver=View('000099') onClick=Set('000099') height="10px" width="10px"></td>
<td bgcolor=#003399 onMouseOver=View('003399') onClick=Set('003399') height="10px" width="10px"></td>
<td bgcolor=#006699 onMouseOver=View('006699') onClick=Set('006699') height="10px" width="10px"></td>
<td bgcolor=#009999 onMouseOver=View('009999') onClick=Set('009999') height="10px" width="10px"></td>
<td bgcolor=#00CC99 onMouseOver=View('00CC99') onClick=Set('00CC99') height="10px" width="10px"></td>
<td bgcolor=#00FF99 onMouseOver=View('00FF99') onClick=Set('00FF99') height="10px" width="10px"></td>
<td bgcolor=#330099 onMouseOver=View('330099') onClick=Set('330099') height="10px" width="10px"></td>
<td bgcolor=#333399 onMouseOver=View('333399') onClick=Set('333399') height="10px" width="10px"></td>
<td bgcolor=#336699 onMouseOver=View('336699') onClick=Set('336699') height="10px" width="10px"></td>
<td bgcolor=#339999 onMouseOver=View('339999') onClick=Set('339999') height="10px" width="10px"></td>
<td bgcolor=#33CC99 onMouseOver=View('33CC99') onClick=Set('33CC99') height="10px" width="10px"></td>
<td bgcolor=#33FF99 onMouseOver=View('33FF99') onClick=Set('33FF99') height="10px" width="10px"></td>
<td bgcolor=#660099 onMouseOver=View('660099') onClick=Set('660099') height="10px" width="10px"></td>
<td bgcolor=#663399 onMouseOver=View('663399') onClick=Set('663399') height="10px" width="10px"></td>
<td bgcolor=#666699 onMouseOver=View('666699') onClick=Set('666699') height="10px" width="10px"></td>
<td bgcolor=#669999 onMouseOver=View('669999') onClick=Set('669999') height="10px" width="10px"></td>
<td bgcolor=#66CC99 onMouseOver=View('66CC99') onClick=Set('66CC99') height="10px" width="10px"></td>
<td bgcolor=#66FF99 onMouseOver=View('66FF99') onClick=Set('66FF99') height="10px" width="10px"></td>
<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
<td bgcolor="#999999" onMouseOver="View('999999')" onClick="Set('999999')" height="10px" width="10px"></td>
<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
<td bgcolor="#000099" onMouseOver="View('000099')" onClick="Set('000099')" height="10px" width="10px"></td>
<td bgcolor="#003399" onMouseOver="View('003399')" onClick="Set('003399')" height="10px" width="10px"></td>
<td bgcolor="#006699" onMouseOver="View('006699')" onClick="Set('006699')" height="10px" width="10px"></td>
<td bgcolor="#009999" onMouseOver="View('009999')" onClick="Set('009999')" height="10px" width="10px"></td>
<td bgcolor="#00CC99" onMouseOver="View('00CC99')" onClick="Set('00CC99')" height="10px" width="10px"></td>
<td bgcolor="#00FF99" onMouseOver="View('00FF99')" onClick="Set('00FF99')" height="10px" width="10px"></td>
<td bgcolor="#330099" onMouseOver="View('330099')" onClick="Set('330099')" height="10px" width="10px"></td>
<td bgcolor="#333399" onMouseOver="View('333399')" onClick="Set('333399')" height="10px" width="10px"></td>
<td bgcolor="#336699" onMouseOver="View('336699')" onClick="Set('336699')" height="10px" width="10px"></td>
<td bgcolor="#339999" onMouseOver="View('339999')" onClick="Set('339999')" height="10px" width="10px"></td>
<td bgcolor="#33CC99" onMouseOver="View('33CC99')" onClick="Set('33CC99')" height="10px" width="10px"></td>
<td bgcolor="#33FF99" onMouseOver="View('33FF99')" onClick="Set('33FF99')" height="10px" width="10px"></td>
<td bgcolor="#660099" onMouseOver="View('660099')" onClick="Set('660099')" height="10px" width="10px"></td>
<td bgcolor="#663399" onMouseOver="View('663399')" onClick="Set('663399')" height="10px" width="10px"></td>
<td bgcolor="#666699" onMouseOver="View('666699')" onClick="Set('666699')" height="10px" width="10px"></td>
<td bgcolor="#669999" onMouseOver="View('669999')" onClick="Set('669999')" height="10px" width="10px"></td>
<td bgcolor="#66CC99" onMouseOver="View('66CC99')" onClick="Set('66CC99')" height="10px" width="10px"></td>
<td bgcolor="#66FF99" onMouseOver="View('66FF99')" onClick="Set('66FF99')" height="10px" width="10px"></td>
</tr>
<tr>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#CCCCCC onMouseOver=View('CCCCCC') onClick=Set('CCCCCC') height="10px" width="10px"></td>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#0000CC onMouseOver=View('0000CC') onClick=Set('0000CC') height="10px" width="10px"></td>
<td bgcolor=#0033CC onMouseOver=View('0033CC') onClick=Set('0033CC') height="10px" width="10px"></td>
<td bgcolor=#0066CC onMouseOver=View('0066CC') onClick=Set('0066CC') height="10px" width="10px"></td>
<td bgcolor=#0099CC onMouseOver=View('0099CC') onClick=Set('0099CC') height="10px" width="10px"></td>
<td bgcolor=#00CCCC onMouseOver=View('00CCCC') onClick=Set('00CCCC') height="10px" width="10px"></td>
<td bgcolor=#00FFCC onMouseOver=View('00FFCC') onClick=Set('00FFCC') height="10px" width="10px"></td>
<td bgcolor=#3300CC onMouseOver=View('3300CC') onClick=Set('3300CC') height="10px" width="10px"></td>
<td bgcolor=#3333CC onMouseOver=View('3333CC') onClick=Set('3333CC') height="10px" width="10px"></td>
<td bgcolor=#3366CC onMouseOver=View('3366CC') onClick=Set('3366CC') height="10px" width="10px"></td>
<td bgcolor=#3399CC onMouseOver=View('3399CC') onClick=Set('3399CC') height="10px" width="10px"></td>
<td bgcolor=#33CCCC onMouseOver=View('33CCCC') onClick=Set('33CCCC') height="10px" width="10px"></td>
<td bgcolor=#33FFCC onMouseOver=View('33FFCC') onClick=Set('33FFCC') height="10px" width="10px"></td>
<td bgcolor=#6600CC onMouseOver=View('6600CC') onClick=Set('6600CC') height="10px" width="10px"></td>
<td bgcolor=#6633CC onMouseOver=View('6633CC') onClick=Set('6633CC') height="10px" width="10px"></td>
<td bgcolor=#6666CC onMouseOver=View('6666CC') onClick=Set('6666CC') height="10px" width="10px"></td>
<td bgcolor=#6699CC onMouseOver=View('6699CC') onClick=Set('6699CC') height="10px" width="10px"></td>
<td bgcolor=#66CCCC onMouseOver=View('66CCCC') onClick=Set('66CCCC') height="10px" width="10px"></td>
<td bgcolor=#66FFCC onMouseOver=View('66FFCC') onClick=Set('66FFCC') height="10px" width="10px"></td>
<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
<td bgcolor="#CCCCCC" onMouseOver="View('CCCCCC')" onClick="Set('CCCCCC')" height="10px" width="10px"></td>
<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
<td bgcolor="#0000CC" onMouseOver="View('0000CC')" onClick="Set('0000CC')" height="10px" width="10px"></td>
<td bgcolor="#0033CC" onMouseOver="View('0033CC')" onClick="Set('0033CC')" height="10px" width="10px"></td>
<td bgcolor="#0066CC" onMouseOver="View('0066CC')" onClick="Set('0066CC')" height="10px" width="10px"></td>
<td bgcolor="#0099CC" onMouseOver="View('0099CC')" onClick="Set('0099CC')" height="10px" width="10px"></td>
<td bgcolor="#00CCCC" onMouseOver="View('00CCCC')" onClick="Set('00CCCC')" height="10px" width="10px"></td>
<td bgcolor="#00FFCC" onMouseOver="View('00FFCC')" onClick="Set('00FFCC')" height="10px" width="10px"></td>
<td bgcolor="#3300CC" onMouseOver="View('3300CC')" onClick="Set('3300CC')" height="10px" width="10px"></td>
<td bgcolor="#3333CC" onMouseOver="View('3333CC')" onClick="Set('3333CC')" height="10px" width="10px"></td>
<td bgcolor="#3366CC" onMouseOver="View('3366CC')" onClick="Set('3366CC')" height="10px" width="10px"></td>
<td bgcolor="#3399CC" onMouseOver="View('3399CC')" onClick="Set('3399CC')" height="10px" width="10px"></td>
<td bgcolor="#33CCCC" onMouseOver="View('33CCCC')" onClick="Set('33CCCC')" height="10px" width="10px"></td>
<td bgcolor="#33FFCC" onMouseOver="View('33FFCC')" onClick="Set('33FFCC')" height="10px" width="10px"></td>
<td bgcolor="#6600CC" onMouseOver="View('6600CC')" onClick="Set('6600CC')" height="10px" width="10px"></td>
<td bgcolor="#6633CC" onMouseOver="View('6633CC')" onClick="Set('6633CC')" height="10px" width="10px"></td>
<td bgcolor="#6666CC" onMouseOver="View('6666CC')" onClick="Set('6666CC')" height="10px" width="10px"></td>
<td bgcolor="#6699CC" onMouseOver="View('6699CC')" onClick="Set('6699CC')" height="10px" width="10px"></td>
<td bgcolor="#66CCCC" onMouseOver="View('66CCCC')" onClick="Set('66CCCC')" height="10px" width="10px"></td>
<td bgcolor="#66FFCC" onMouseOver="View('66FFCC')" onClick="Set('66FFCC')" height="10px" width="10px"></td>
</tr>
<tr>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#FFFFFF onMouseOver=View('FFFFFF') onClick=Set('FFFFFF') height="10px" width="10px"></td>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#0000FF onMouseOver=View('0000FF') onClick=Set('0000FF') height="10px" width="10px"></td>
<td bgcolor=#0033FF onMouseOver=View('0033FF') onClick=Set('0033FF') height="10px" width="10px"></td>
<td bgcolor=#0066FF onMouseOver=View('0066FF') onClick=Set('0066FF') height="10px" width="10px"></td>
<td bgcolor=#0099FF onMouseOver=View('0099FF') onClick=Set('0099FF') height="10px" width="10px"></td>
<td bgcolor=#00CCFF onMouseOver=View('00CCFF') onClick=Set('00CCFF') height="10px" width="10px"></td>
<td bgcolor=#00FFFF onMouseOver=View('00FFFF') onClick=Set('00FFFF') height="10px" width="10px"></td>
<td bgcolor=#3300FF onMouseOver=View('3300FF') onClick=Set('3300FF') height="10px" width="10px"></td>
<td bgcolor=#3333FF onMouseOver=View('3333FF') onClick=Set('3333FF') height="10px" width="10px"></td>
<td bgcolor=#3366FF onMouseOver=View('3366FF') onClick=Set('3366FF') height="10px" width="10px"></td>
<td bgcolor=#3399FF onMouseOver=View('3399FF') onClick=Set('3399FF') height="10px" width="10px"></td>
<td bgcolor=#33CCFF onMouseOver=View('33CCFF') onClick=Set('33CCFF') height="10px" width="10px"></td>
<td bgcolor=#33FFFF onMouseOver=View('33FFFF') onClick=Set('33FFFF') height="10px" width="10px"></td>
<td bgcolor=#6600FF onMouseOver=View('6600FF') onClick=Set('6600FF') height="10px" width="10px"></td>
<td bgcolor=#6633FF onMouseOver=View('6633FF') onClick=Set('6633FF') height="10px" width="10px"></td>
<td bgcolor=#6666FF onMouseOver=View('6666FF') onClick=Set('6666FF') height="10px" width="10px"></td>
<td bgcolor=#6699FF onMouseOver=View('6699FF') onClick=Set('6699FF') height="10px" width="10px"></td>
<td bgcolor=#66CCFF onMouseOver=View('66CCFF') onClick=Set('66CCFF') height="10px" width="10px"></td>
<td bgcolor=#66FFFF onMouseOver=View('66FFFF') onClick=Set('66FFFF') height="10px" width="10px"></td>
<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
<td bgcolor="#FFFFFF" onMouseOver="View('FFFFFF')" onClick="Set('FFFFFF')" height="10px" width="10px"></td>
<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
<td bgcolor="#0000FF" onMouseOver="View('0000FF')" onClick="Set('0000FF')" height="10px" width="10px"></td>
<td bgcolor="#0033FF" onMouseOver="View('0033FF')" onClick="Set('0033FF')" height="10px" width="10px"></td>
<td bgcolor="#0066FF" onMouseOver="View('0066FF')" onClick="Set('0066FF')" height="10px" width="10px"></td>
<td bgcolor="#0099FF" onMouseOver="View('0099FF')" onClick="Set('0099FF')" height="10px" width="10px"></td>
<td bgcolor="#00CCFF" onMouseOver="View('00CCFF')" onClick="Set('00CCFF')" height="10px" width="10px"></td>
<td bgcolor="#00FFFF" onMouseOver="View('00FFFF')" onClick="Set('00FFFF')" height="10px" width="10px"></td>
<td bgcolor="#3300FF" onMouseOver="View('3300FF')" onClick="Set('3300FF')" height="10px" width="10px"></td>
<td bgcolor="#3333FF" onMouseOver="View('3333FF')" onClick="Set('3333FF')" height="10px" width="10px"></td>
<td bgcolor="#3366FF" onMouseOver="View('3366FF')" onClick="Set('3366FF')" height="10px" width="10px"></td>
<td bgcolor="#3399FF" onMouseOver="View('3399FF')" onClick="Set('3399FF')" height="10px" width="10px"></td>
<td bgcolor="#33CCFF" onMouseOver="View('33CCFF')" onClick="Set('33CCFF')" height="10px" width="10px"></td>
<td bgcolor="#33FFFF" onMouseOver="View('33FFFF')" onClick="Set('33FFFF')" height="10px" width="10px"></td>
<td bgcolor="#6600FF" onMouseOver="View('6600FF')" onClick="Set('6600FF')" height="10px" width="10px"></td>
<td bgcolor="#6633FF" onMouseOver="View('6633FF')" onClick="Set('6633FF')" height="10px" width="10px"></td>
<td bgcolor="#6666FF" onMouseOver="View('6666FF')" onClick="Set('6666FF')" height="10px" width="10px"></td>
<td bgcolor="#6699FF" onMouseOver="View('6699FF')" onClick="Set('6699FF')" height="10px" width="10px"></td>
<td bgcolor="#66CCFF" onMouseOver="View('66CCFF')" onClick="Set('66CCFF')" height="10px" width="10px"></td>
<td bgcolor="#66FFFF" onMouseOver="View('66FFFF')" onClick="Set('66FFFF')" height="10px" width="10px"></td>
</tr>
<tr>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#FF0000 onMouseOver=View('FF0000') onClick=Set('FF0000') height="10px" width="10px"></td>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#990000 onMouseOver=View('990000') onClick=Set('990000') height="10px" width="10px"></td>
<td bgcolor=#993300 onMouseOver=View('993300') onClick=Set('993300') height="10px" width="10px"></td>
<td bgcolor=#996600 onMouseOver=View('996600') onClick=Set('996600') height="10px" width="10px"></td>
<td bgcolor=#999900 onMouseOver=View('999900') onClick=Set('999900') height="10px" width="10px"></td>
<td bgcolor=#99CC00 onMouseOver=View('99CC00') onClick=Set('99CC00') height="10px" width="10px"></td>
<td bgcolor=#99FF00 onMouseOver=View('99FF00') onClick=Set('99FF00') height="10px" width="10px"></td>
<td bgcolor=#CC0000 onMouseOver=View('CC0000') onClick=Set('CC0000') height="10px" width="10px"></td>
<td bgcolor=#CC3300 onMouseOver=View('CC3300') onClick=Set('CC3300') height="10px" width="10px"></td>
<td bgcolor=#CC6600 onMouseOver=View('CC6600') onClick=Set('CC6600') height="10px" width="10px"></td>
<td bgcolor=#CC9900 onMouseOver=View('CC9900') onClick=Set('CC9900') height="10px" width="10px"></td>
<td bgcolor=#CCCC00 onMouseOver=View('CCCC00') onClick=Set('CCCC00') height="10px" width="10px"></td>
<td bgcolor=#CCFF00 onMouseOver=View('CCFF00') onClick=Set('CCFF00') height="10px" width="10px"></td>
<td bgcolor=#FF0000 onMouseOver=View('FF0000') onClick=Set('FF0000') height="10px" width="10px"></td>
<td bgcolor=#FF3300 onMouseOver=View('FF3300') onClick=Set('FF3300') height="10px" width="10px"></td>
<td bgcolor=#FF6600 onMouseOver=View('FF6600') onClick=Set('FF6600') height="10px" width="10px"></td>
<td bgcolor=#FF9900 onMouseOver=View('FF9900') onClick=Set('FF9900') height="10px" width="10px"></td>
<td bgcolor=#FFCC00 onMouseOver=View('FFCC00') onClick=Set('FFCC00') height="10px" width="10px"></td>
<td bgcolor=#FFFF00 onMouseOver=View('FFFF00') onClick=Set('FFFF00') height="10px" width="10px"></td>
<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
<td bgcolor="#FF0000" onMouseOver="View('FF0000')" onClick="Set('FF0000')" height="10px" width="10px"></td>
<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
<td bgcolor="#990000" onMouseOver="View('990000')" onClick="Set('990000')" height="10px" width="10px"></td>
<td bgcolor="#993300" onMouseOver="View('993300')" onClick="Set('993300')" height="10px" width="10px"></td>
<td bgcolor="#996600" onMouseOver="View('996600')" onClick="Set('996600')" height="10px" width="10px"></td>
<td bgcolor="#999900" onMouseOver="View('999900')" onClick="Set('999900')" height="10px" width="10px"></td>
<td bgcolor="#99CC00" onMouseOver="View('99CC00')" onClick="Set('99CC00')" height="10px" width="10px"></td>
<td bgcolor="#99FF00" onMouseOver="View('99FF00')" onClick="Set('99FF00')" height="10px" width="10px"></td>
<td bgcolor="#CC0000" onMouseOver="View('CC0000')" onClick="Set('CC0000')" height="10px" width="10px"></td>
<td bgcolor="#CC3300" onMouseOver="View('CC3300')" onClick="Set('CC3300')" height="10px" width="10px"></td>
<td bgcolor="#CC6600" onMouseOver="View('CC6600')" onClick="Set('CC6600')" height="10px" width="10px"></td>
<td bgcolor="#CC9900" onMouseOver="View('CC9900')" onClick="Set('CC9900')" height="10px" width="10px"></td>
<td bgcolor="#CCCC00" onMouseOver="View('CCCC00')" onClick="Set('CCCC00')" height="10px" width="10px"></td>
<td bgcolor="#CCFF00" onMouseOver="View('CCFF00')" onClick="Set('CCFF00')" height="10px" width="10px"></td>
<td bgcolor="#FF0000" onMouseOver="View('FF0000')" onClick="Set('FF0000')" height="10px" width="10px"></td>
<td bgcolor="#FF3300" onMouseOver="View('FF3300')" onClick="Set('FF3300')" height="10px" width="10px"></td>
<td bgcolor="#FF6600" onMouseOver="View('FF6600')" onClick="Set('FF6600')" height="10px" width="10px"></td>
<td bgcolor="#FF9900" onMouseOver="View('FF9900')" onClick="Set('FF9900')" height="10px" width="10px"></td>
<td bgcolor="#FFCC00" onMouseOver="View('FFCC00')" onClick="Set('FFCC00')" height="10px" width="10px"></td>
<td bgcolor="#FFFF00" onMouseOver="View('FFFF00')" onClick="Set('FFFF00')" height="10px" width="10px"></td>
</tr>
<tr>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#00FF00 onMouseOver=View('00FF00') onClick=Set('00FF00') height="10px" width="10px"></td>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#990033 onMouseOver=View('990033') onClick=Set('990033') height="10px" width="10px"></td>
<td bgcolor=#993333 onMouseOver=View('993333') onClick=Set('993333') height="10px" width="10px"></td>
<td bgcolor=#996633 onMouseOver=View('996633') onClick=Set('996633') height="10px" width="10px"></td>
<td bgcolor=#999933 onMouseOver=View('999933') onClick=Set('999933') height="10px" width="10px"></td>
<td bgcolor=#99CC33 onMouseOver=View('99CC33') onClick=Set('99CC33') height="10px" width="10px"></td>
<td bgcolor=#99FF33 onMouseOver=View('99FF33') onClick=Set('99FF33') height="10px" width="10px"></td>
<td bgcolor=#CC0033 onMouseOver=View('CC0033') onClick=Set('CC0033') height="10px" width="10px"></td>
<td bgcolor=#CC3333 onMouseOver=View('CC3333') onClick=Set('CC3333') height="10px" width="10px"></td>
<td bgcolor=#CC6633 onMouseOver=View('CC6633') onClick=Set('CC6633') height="10px" width="10px"></td>
<td bgcolor=#CC9933 onMouseOver=View('CC9933') onClick=Set('CC9933') height="10px" width="10px"></td>
<td bgcolor=#CCCC33 onMouseOver=View('CCCC33') onClick=Set('CCCC33') height="10px" width="10px"></td>
<td bgcolor=#CCFF33 onMouseOver=View('CCFF33') onClick=Set('CCFF33') height="10px" width="10px"></td>
<td bgcolor=#FF0033 onMouseOver=View('FF0033') onClick=Set('FF0033') height="10px" width="10px"></td>
<td bgcolor=#FF3333 onMouseOver=View('FF3333') onClick=Set('FF3333') height="10px" width="10px"></td>
<td bgcolor=#FF6633 onMouseOver=View('FF6633') onClick=Set('FF6633') height="10px" width="10px"></td>
<td bgcolor=#FF9933 onMouseOver=View('FF9933') onClick=Set('FF9933') height="10px" width="10px"></td>
<td bgcolor=#FFCC33 onMouseOver=View('FFCC33') onClick=Set('FFCC33') height="10px" width="10px"></td>
<td bgcolor=#FFFF33 onMouseOver=View('FFFF33') onClick=Set('FFFF33') height="10px" width="10px"></td>
<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
<td bgcolor="#00FF00" onMouseOver="View('00FF00')" onClick="Set('00FF00')" height="10px" width="10px"></td>
<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
<td bgcolor="#990033" onMouseOver="View('990033')" onClick="Set('990033')" height="10px" width="10px"></td>
<td bgcolor="#993333" onMouseOver="View('993333')" onClick="Set('993333')" height="10px" width="10px"></td>
<td bgcolor="#996633" onMouseOver="View('996633')" onClick="Set('996633')" height="10px" width="10px"></td>
<td bgcolor="#999933" onMouseOver="View('999933')" onClick="Set('999933')" height="10px" width="10px"></td>
<td bgcolor="#99CC33" onMouseOver="View('99CC33')" onClick="Set('99CC33')" height="10px" width="10px"></td>
<td bgcolor="#99FF33" onMouseOver="View('99FF33')" onClick="Set('99FF33')" height="10px" width="10px"></td>
<td bgcolor="#CC0033" onMouseOver="View('CC0033')" onClick="Set('CC0033')" height="10px" width="10px"></td>
<td bgcolor="#CC3333" onMouseOver="View('CC3333')" onClick="Set('CC3333')" height="10px" width="10px"></td>
<td bgcolor="#CC6633" onMouseOver="View('CC6633')" onClick="Set('CC6633')" height="10px" width="10px"></td>
<td bgcolor="#CC9933" onMouseOver="View('CC9933')" onClick="Set('CC9933')" height="10px" width="10px"></td>
<td bgcolor="#CCCC33" onMouseOver="View('CCCC33')" onClick="Set('CCCC33')" height="10px" width="10px"></td>
<td bgcolor="#CCFF33" onMouseOver="View('CCFF33')" onClick="Set('CCFF33')" height="10px" width="10px"></td>
<td bgcolor="#FF0033" onMouseOver="View('FF0033')" onClick="Set('FF0033')" height="10px" width="10px"></td>
<td bgcolor="#FF3333" onMouseOver="View('FF3333')" onClick="Set('FF3333')" height="10px" width="10px"></td>
<td bgcolor="#FF6633" onMouseOver="View('FF6633')" onClick="Set('FF6633')" height="10px" width="10px"></td>
<td bgcolor="#FF9933" onMouseOver="View('FF9933')" onClick="Set('FF9933')" height="10px" width="10px"></td>
<td bgcolor="#FFCC33" onMouseOver="View('FFCC33')" onClick="Set('FFCC33')" height="10px" width="10px"></td>
<td bgcolor="#FFFF33" onMouseOver="View('FFFF33')" onClick="Set('FFFF33')" height="10px" width="10px"></td>
</tr>
<tr>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#0000FF onMouseOver=View('0000FF') onClick=Set('0000FF') height="10px" width="10px"></td>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#990066 onMouseOver=View('990066') onClick=Set('990066') height="10px" width="10px"></td>
<td bgcolor=#993366 onMouseOver=View('993366') onClick=Set('993366') height="10px" width="10px"></td>
<td bgcolor=#996666 onMouseOver=View('996666') onClick=Set('996666') height="10px" width="10px"></td>
<td bgcolor=#999966 onMouseOver=View('999966') onClick=Set('999966') height="10px" width="10px"></td>
<td bgcolor=#99CC66 onMouseOver=View('99CC66') onClick=Set('99CC66') height="10px" width="10px"></td>
<td bgcolor=#99FF66 onMouseOver=View('99FF66') onClick=Set('99FF66') height="10px" width="10px"></td>
<td bgcolor=#CC0066 onMouseOver=View('CC0066') onClick=Set('CC0066') height="10px" width="10px"></td>
<td bgcolor=#CC3366 onMouseOver=View('CC3366') onClick=Set('CC3366') height="10px" width="10px"></td>
<td bgcolor=#CC6666 onMouseOver=View('CC6666') onClick=Set('CC6666') height="10px" width="10px"></td>
<td bgcolor=#CC9966 onMouseOver=View('CC9966') onClick=Set('CC9966') height="10px" width="10px"></td>
<td bgcolor=#CCCC66 onMouseOver=View('CCCC66') onClick=Set('CCCC66') height="10px" width="10px"></td>
<td bgcolor=#CCFF66 onMouseOver=View('CCFF66') onClick=Set('CCFF66') height="10px" width="10px"></td>
<td bgcolor=#FF0066 onMouseOver=View('FF0066') onClick=Set('FF0066') height="10px" width="10px"></td>
<td bgcolor=#FF3366 onMouseOver=View('FF3366') onClick=Set('FF3366') height="10px" width="10px"></td>
<td bgcolor=#FF6666 onMouseOver=View('FF6666') onClick=Set('FF6666') height="10px" width="10px"></td>
<td bgcolor=#FF9966 onMouseOver=View('FF9966') onClick=Set('FF9966') height="10px" width="10px"></td>
<td bgcolor=#FFCC66 onMouseOver=View('FFCC66') onClick=Set('FFCC66') height="10px" width="10px"></td>
<td bgcolor=#FFFF66 onMouseOver=View('FFFF66') onClick=Set('FFFF66') height="10px" width="10px"></td>
<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
<td bgcolor="#0000FF" onMouseOver="View('0000FF')" onClick="Set('0000FF')" height="10px" width="10px"></td>
<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
<td bgcolor="#990066" onMouseOver="View('990066')" onClick="Set('990066')" height="10px" width="10px"></td>
<td bgcolor="#993366" onMouseOver="View('993366')" onClick="Set('993366')" height="10px" width="10px"></td>
<td bgcolor="#996666" onMouseOver="View('996666')" onClick="Set('996666')" height="10px" width="10px"></td>
<td bgcolor="#999966" onMouseOver="View('999966')" onClick="Set('999966')" height="10px" width="10px"></td>
<td bgcolor="#99CC66" onMouseOver="View('99CC66')" onClick="Set('99CC66')" height="10px" width="10px"></td>
<td bgcolor="#99FF66" onMouseOver="View('99FF66')" onClick="Set('99FF66')" height="10px" width="10px"></td>
<td bgcolor="#CC0066" onMouseOver="View('CC0066')" onClick="Set('CC0066')" height="10px" width="10px"></td>
<td bgcolor="#CC3366" onMouseOver="View('CC3366')" onClick="Set('CC3366')" height="10px" width="10px"></td>
<td bgcolor="#CC6666" onMouseOver="View('CC6666')" onClick="Set('CC6666')" height="10px" width="10px"></td>
<td bgcolor="#CC9966" onMouseOver="View('CC9966')" onClick="Set('CC9966')" height="10px" width="10px"></td>
<td bgcolor="#CCCC66" onMouseOver="View('CCCC66')" onClick="Set('CCCC66')" height="10px" width="10px"></td>
<td bgcolor="#CCFF66" onMouseOver="View('CCFF66')" onClick="Set('CCFF66')" height="10px" width="10px"></td>
<td bgcolor="#FF0066" onMouseOver="View('FF0066')" onClick="Set('FF0066')" height="10px" width="10px"></td>
<td bgcolor="#FF3366" onMouseOver="View('FF3366')" onClick="Set('FF3366')" height="10px" width="10px"></td>
<td bgcolor="#FF6666" onMouseOver="View('FF6666')" onClick="Set('FF6666')" height="10px" width="10px"></td>
<td bgcolor="#FF9966" onMouseOver="View('FF9966')" onClick="Set('FF9966')" height="10px" width="10px"></td>
<td bgcolor="#FFCC66" onMouseOver="View('FFCC66')" onClick="Set('FFCC66')" height="10px" width="10px"></td>
<td bgcolor="#FFFF66" onMouseOver="View('FFFF66')" onClick="Set('FFFF66')" height="10px" width="10px"></td>
</tr>
<tr>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#FFFF00 onMouseOver=View('FFFF00') onClick=Set('FFFF00') height="10px" width="10px"></td>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#990099 onMouseOver=View('990099') onClick=Set('990099') height="10px" width="10px"></td>
<td bgcolor=#993399 onMouseOver=View('993399') onClick=Set('993399') height="10px" width="10px"></td>
<td bgcolor=#996699 onMouseOver=View('996699') onClick=Set('996699') height="10px" width="10px"></td>
<td bgcolor=#999999 onMouseOver=View('999999') onClick=Set('999999') height="10px" width="10px"></td>
<td bgcolor=#99CC99 onMouseOver=View('99CC99') onClick=Set('99CC99') height="10px" width="10px"></td>
<td bgcolor=#99FF99 onMouseOver=View('99FF99') onClick=Set('99FF99') height="10px" width="10px"></td>
<td bgcolor=#CC0099 onMouseOver=View('CC0099') onClick=Set('CC0099') height="10px" width="10px"></td>
<td bgcolor=#CC3399 onMouseOver=View('CC3399') onClick=Set('CC3399') height="10px" width="10px"></td>
<td bgcolor=#CC6699 onMouseOver=View('CC6699') onClick=Set('CC6699') height="10px" width="10px"></td>
<td bgcolor=#CC9999 onMouseOver=View('CC9999') onClick=Set('CC9999') height="10px" width="10px"></td>
<td bgcolor=#CCCC99 onMouseOver=View('CCCC99') onClick=Set('CCCC99') height="10px" width="10px"></td>
<td bgcolor=#CCFF99 onMouseOver=View('CCFF99') onClick=Set('CCFF99') height="10px" width="10px"></td>
<td bgcolor=#FF0099 onMouseOver=View('FF0099') onClick=Set('FF0099') height="10px" width="10px"></td>
<td bgcolor=#FF3399 onMouseOver=View('FF3399') onClick=Set('FF3399') height="10px" width="10px"></td>
<td bgcolor=#FF6699 onMouseOver=View('FF6699') onClick=Set('FF6699') height="10px" width="10px"></td>
<td bgcolor=#FF9999 onMouseOver=View('FF9999') onClick=Set('FF9999') height="10px" width="10px"></td>
<td bgcolor=#FFCC99 onMouseOver=View('FFCC99') onClick=Set('FFCC99') height="10px" width="10px"></td>
<td bgcolor=#FFFF99 onMouseOver=View('FFFF99') onClick=Set('FFFF99') height="10px" width="10px"></td>
<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
<td bgcolor="#FFFF00" onMouseOver="View('FFFF00')" onClick="Set('FFFF00')" height="10px" width="10px"></td>
<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
<td bgcolor="#990099" onMouseOver="View('990099')" onClick="Set('990099')" height="10px" width="10px"></td>
<td bgcolor="#993399" onMouseOver="View('993399')" onClick="Set('993399')" height="10px" width="10px"></td>
<td bgcolor="#996699" onMouseOver="View('996699')" onClick="Set('996699')" height="10px" width="10px"></td>
<td bgcolor="#999999" onMouseOver="View('999999')" onClick="Set('999999')" height="10px" width="10px"></td>
<td bgcolor="#99CC99" onMouseOver="View('99CC99')" onClick="Set('99CC99')" height="10px" width="10px"></td>
<td bgcolor="#99FF99" onMouseOver="View('99FF99')" onClick="Set('99FF99')" height="10px" width="10px"></td>
<td bgcolor="#CC0099" onMouseOver="View('CC0099')" onClick="Set('CC0099')" height="10px" width="10px"></td>
<td bgcolor="#CC3399" onMouseOver="View('CC3399')" onClick="Set('CC3399')" height="10px" width="10px"></td>
<td bgcolor="#CC6699" onMouseOver="View('CC6699')" onClick="Set('CC6699')" height="10px" width="10px"></td>
<td bgcolor="#CC9999" onMouseOver="View('CC9999')" onClick="Set('CC9999')" height="10px" width="10px"></td>
<td bgcolor="#CCCC99" onMouseOver="View('CCCC99')" onClick="Set('CCCC99')" height="10px" width="10px"></td>
<td bgcolor="#CCFF99" onMouseOver="View('CCFF99')" onClick="Set('CCFF99')" height="10px" width="10px"></td>
<td bgcolor="#FF0099" onMouseOver="View('FF0099')" onClick="Set('FF0099')" height="10px" width="10px"></td>
<td bgcolor="#FF3399" onMouseOver="View('FF3399')" onClick="Set('FF3399')" height="10px" width="10px"></td>
<td bgcolor="#FF6699" onMouseOver="View('FF6699')" onClick="Set('FF6699')" height="10px" width="10px"></td>
<td bgcolor="#FF9999" onMouseOver="View('FF9999')" onClick="Set('FF9999')" height="10px" width="10px"></td>
<td bgcolor="#FFCC99" onMouseOver="View('FFCC99')" onClick="Set('FFCC99')" height="10px" width="10px"></td>
<td bgcolor="#FFFF99" onMouseOver="View('FFFF99')" onClick="Set('FFFF99')" height="10px" width="10px"></td>
</tr>
<tr>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#00FFFF onMouseOver=View('00FFFF') onClick=Set('00FFFF') height="10px" width="10px"></td>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#9900CC onMouseOver=View('9900CC') onClick=Set('9900CC') height="10px" width="10px"></td>
<td bgcolor=#9933CC onMouseOver=View('9933CC') onClick=Set('9933CC') height="10px" width="10px"></td>
<td bgcolor=#9966CC onMouseOver=View('9966CC') onClick=Set('9966CC') height="10px" width="10px"></td>
<td bgcolor=#9999CC onMouseOver=View('9999CC') onClick=Set('9999CC') height="10px" width="10px"></td>
<td bgcolor=#99CCCC onMouseOver=View('99CCCC') onClick=Set('99CCCC') height="10px" width="10px"></td>
<td bgcolor=#99FFCC onMouseOver=View('99FFCC') onClick=Set('99FFCC') height="10px" width="10px"></td>
<td bgcolor=#CC00CC onMouseOver=View('CC00CC') onClick=Set('CC00CC') height="10px" width="10px"></td>
<td bgcolor=#CC33CC onMouseOver=View('CC33CC') onClick=Set('CC33CC') height="10px" width="10px"></td>
<td bgcolor=#CC66CC onMouseOver=View('CC66CC') onClick=Set('CC66CC') height="10px" width="10px"></td>
<td bgcolor=#CC99CC onMouseOver=View('CC99CC') onClick=Set('CC99CC') height="10px" width="10px"></td>
<td bgcolor=#CCCCCC onMouseOver=View('CCCCCC') onClick=Set('CCCCCC') height="10px" width="10px"></td>
<td bgcolor=#CCFFCC onMouseOver=View('CCFFCC') onClick=Set('CCFFCC') height="10px" width="10px"></td>
<td bgcolor=#FF00CC onMouseOver=View('FF00CC') onClick=Set('FF00CC') height="10px" width="10px"></td>
<td bgcolor=#FF33CC onMouseOver=View('FF33CC') onClick=Set('FF33CC') height="10px" width="10px"></td>
<td bgcolor=#FF66CC onMouseOver=View('FF66CC') onClick=Set('FF66CC') height="10px" width="10px"></td>
<td bgcolor=#FF99CC onMouseOver=View('FF99CC') onClick=Set('FF99CC') height="10px" width="10px"></td>
<td bgcolor=#FFCCCC onMouseOver=View('FFCCCC') onClick=Set('FFCCCC') height="10px" width="10px"></td>
<td bgcolor=#FFFFCC onMouseOver=View('FFFFCC') onClick=Set('FFFFCC') height="10px" width="10px"></td>
<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
<td bgcolor="#00FFFF" onMouseOver="View('00FFFF')" onClick="Set('00FFFF')" height="10px" width="10px"></td>
<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
<td bgcolor="#9900CC" onMouseOver="View('9900CC')" onClick="Set('9900CC')" height="10px" width="10px"></td>
<td bgcolor="#9933CC" onMouseOver="View('9933CC')" onClick="Set('9933CC')" height="10px" width="10px"></td>
<td bgcolor="#9966CC" onMouseOver="View('9966CC')" onClick="Set('9966CC')" height="10px" width="10px"></td>
<td bgcolor="#9999CC" onMouseOver="View('9999CC')" onClick="Set('9999CC')" height="10px" width="10px"></td>
<td bgcolor="#99CCCC" onMouseOver="View('99CCCC')" onClick="Set('99CCCC')" height="10px" width="10px"></td>
<td bgcolor="#99FFCC" onMouseOver="View('99FFCC')" onClick="Set('99FFCC')" height="10px" width="10px"></td>
<td bgcolor="#CC00CC" onMouseOver="View('CC00CC')" onClick="Set('CC00CC')" height="10px" width="10px"></td>
<td bgcolor="#CC33CC" onMouseOver="View('CC33CC')" onClick="Set('CC33CC')" height="10px" width="10px"></td>
<td bgcolor="#CC66CC" onMouseOver="View('CC66CC')" onClick="Set('CC66CC')" height="10px" width="10px"></td>
<td bgcolor="#CC99CC" onMouseOver="View('CC99CC')" onClick="Set('CC99CC')" height="10px" width="10px"></td>
<td bgcolor="#CCCCCC" onMouseOver="View('CCCCCC')" onClick="Set('CCCCCC')" height="10px" width="10px"></td>
<td bgcolor="#CCFFCC" onMouseOver="View('CCFFCC')" onClick="Set('CCFFCC')" height="10px" width="10px"></td>
<td bgcolor="#FF00CC" onMouseOver="View('FF00CC')" onClick="Set('FF00CC')" height="10px" width="10px"></td>
<td bgcolor="#FF33CC" onMouseOver="View('FF33CC')" onClick="Set('FF33CC')" height="10px" width="10px"></td>
<td bgcolor="#FF66CC" onMouseOver="View('FF66CC')" onClick="Set('FF66CC')" height="10px" width="10px"></td>
<td bgcolor="#FF99CC" onMouseOver="View('FF99CC')" onClick="Set('FF99CC')" height="10px" width="10px"></td>
<td bgcolor="#FFCCCC" onMouseOver="View('FFCCCC')" onClick="Set('FFCCCC')" height="10px" width="10px"></td>
<td bgcolor="#FFFFCC" onMouseOver="View('FFFFCC')" onClick="Set('FFFFCC')" height="10px" width="10px"></td>
</tr>
<tr>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#FF00FF onMouseOver=View('FF00FF') onClick=Set('FF00FF') height="10px" width="10px"></td>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#9900FF onMouseOver=View('9900FF') onClick=Set('9900FF') height="10px" width="10px"></td>
<td bgcolor=#9933FF onMouseOver=View('9933FF') onClick=Set('9933FF') height="10px" width="10px"></td>
<td bgcolor=#9966FF onMouseOver=View('9966FF') onClick=Set('9966FF') height="10px" width="10px"></td>
<td bgcolor=#9999FF onMouseOver=View('9999FF') onClick=Set('9999FF') height="10px" width="10px"></td>
<td bgcolor=#99CCFF onMouseOver=View('99CCFF') onClick=Set('99CCFF') height="10px" width="10px"></td>
<td bgcolor=#99FFFF onMouseOver=View('99FFFF') onClick=Set('99FFFF') height="10px" width="10px"></td>
<td bgcolor=#CC00FF onMouseOver=View('CC00FF') onClick=Set('CC00FF') height="10px" width="10px"></td>
<td bgcolor=#CC33FF onMouseOver=View('CC33FF') onClick=Set('CC33FF') height="10px" width="10px"></td>
<td bgcolor=#CC66FF onMouseOver=View('CC66FF') onClick=Set('CC66FF') height="10px" width="10px"></td>
<td bgcolor=#CC99FF onMouseOver=View('CC99FF') onClick=Set('CC99FF') height="10px" width="10px"></td>
<td bgcolor=#CCCCFF onMouseOver=View('CCCCFF') onClick=Set('CCCCFF') height="10px" width="10px"></td>
<td bgcolor=#CCFFFF onMouseOver=View('CCFFFF') onClick=Set('CCFFFF') height="10px" width="10px"></td>
<td bgcolor=#FF00FF onMouseOver=View('FF00FF') onClick=Set('FF00FF') height="10px" width="10px"></td>
<td bgcolor=#FF33FF onMouseOver=View('FF33FF') onClick=Set('FF33FF') height="10px" width="10px"></td>
<td bgcolor=#FF66FF onMouseOver=View('FF66FF') onClick=Set('FF66FF') height="10px" width="10px"></td>
<td bgcolor=#FF99FF onMouseOver=View('FF99FF') onClick=Set('FF99FF') height="10px" width="10px"></td>
<td bgcolor=#FFCCFF onMouseOver=View('FFCCFF') onClick=Set('FFCCFF') height="10px" width="10px"></td>
<td bgcolor=#FFFFFF onMouseOver=View('FFFFFF') onClick=Set('FFFFFF') height="10px" width="10px"></td>
<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
<td bgcolor="#FF00FF" onMouseOver="View('FF00FF')" onClick="Set('FF00FF')" height="10px" width="10px"></td>
<td bgcolor="#000000" onMouseOver="View('000000')" onClick="Set('000000')" height="10px" width="10px"></td>
<td bgcolor="#9900FF" onMouseOver="View('9900FF')" onClick="Set('9900FF')" height="10px" width="10px"></td>
<td bgcolor="#9933FF" onMouseOver="View('9933FF')" onClick="Set('9933FF')" height="10px" width="10px"></td>
<td bgcolor="#9966FF" onMouseOver="View('9966FF')" onClick="Set('9966FF')" height="10px" width="10px"></td>
<td bgcolor="#9999FF" onMouseOver="View('9999FF')" onClick="Set('9999FF')" height="10px" width="10px"></td>
<td bgcolor="#99CCFF" onMouseOver="View('99CCFF')" onClick="Set('99CCFF')" height="10px" width="10px"></td>
<td bgcolor="#99FFFF" onMouseOver="View('99FFFF')" onClick="Set('99FFFF')" height="10px" width="10px"></td>
<td bgcolor="#CC00FF" onMouseOver="View('CC00FF')" onClick="Set('CC00FF')" height="10px" width="10px"></td>
<td bgcolor="#CC33FF" onMouseOver="View('CC33FF')" onClick="Set('CC33FF')" height="10px" width="10px"></td>
<td bgcolor="#CC66FF" onMouseOver="View('CC66FF')" onClick="Set('CC66FF')" height="10px" width="10px"></td>
<td bgcolor="#CC99FF" onMouseOver="View('CC99FF')" onClick="Set('CC99FF')" height="10px" width="10px"></td>
<td bgcolor="#CCCCFF" onMouseOver="View('CCCCFF')" onClick="Set('CCCCFF')" height="10px" width="10px"></td>
<td bgcolor="#CCFFFF" onMouseOver="View('CCFFFF')" onClick="Set('CCFFFF')" height="10px" width="10px"></td>
<td bgcolor="#FF00FF" onMouseOver="View('FF00FF')" onClick="Set('FF00FF')" height="10px" width="10px"></td>
<td bgcolor="#FF33FF" onMouseOver="View('FF33FF')" onClick="Set('FF33FF')" height="10px" width="10px"></td>
<td bgcolor="#FF66FF" onMouseOver="View('FF66FF')" onClick="Set('FF66FF')" height="10px" width="10px"></td>
<td bgcolor="#FF99FF" onMouseOver="View('FF99FF')" onClick="Set('FF99FF')" height="10px" width="10px"></td>
<td bgcolor="#FFCCFF" onMouseOver="View('FFCCFF')" onClick="Set('FFCCFF')" height="10px" width="10px"></td>
<td bgcolor="#FFFFFF" onMouseOver="View('FFFFFF')" onClick="Set('FFFFFF')" height="10px" width="10px"></td>
</tr>
</table>

File diff suppressed because it is too large Load Diff