<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
function showLayer(content,x,y)
{
if(content != '')
{
Layer.style.visibility = 'visible';
Layer.style.left = x + document.body.scrollLeft - 50;
Layer.style.top = y + document.body.scrollTop + 20;
ShowContent.innerHTML = content;
}
}
//-->
</SCRIPT>
<BODY>
<TABLE border="1" cellspacing="1">
<TR onMouseOver="showLayer('ROW1',event.clientX,event.clientY)">
<TD >1</TD>
<TD>2</TD>
<TD>3</TD>
</TR>
<TR onMouseOver="showLayer('ROW2',event.clientX,event.clientY)">
<TD >1</TD>
<TD>2</TD>
<TD>3</TD>
</TR>
</TABLE>
<div id="Layer" style="position:absolute; left:10px; top:0px; width:400px; height:200px; z-index:1;visibility:hidden;">
<table width="400" border="0" cellspacing="10" bgcolor="#ddffFF" style="{ border-color: #3388cc; border-style: solid; border-width: 1px;}">
<tr>
<td style="font-size:9pt" id="ShowContent"></td>
</tr>
</table>
</div>
</BODY>
</HTML>