<TABLE

style="BORDER-LEFT-COLOR: black; BORDER-BOTTOM-COLOR: black; BORDER-TOP-COLOR: black; BORDER-RIGHT-COLOR: black"

onclick=previouskey=event.srcElement.innerText cellSpacing=0 cellPadding=0

width=200 bgColor=#000000 border=2>

<TBODY>

<TR>

<TD id=result style="FONT: bold 20px Verdana; COLOR: black; TEXT-ALIGN: right"

width="100%" bgColor=#ffffff>0</TD></TR>

<TR>

<TD vAlign=center align=middle width="100%">

<TABLE style="FONT: bold 20px Verdana; COLOR: white" cellSpacing=0 cellPadding=0

width="100%" border=0>

<TBODY>

<TR>

<TD align=middle width="80%">

<TABLE onselectstart="return false"

onmouseover="if (event.srcElement.tagName=='TD')event.srcElement.style.color='yellow'"

style="FONT: bold 20px Verdana; CURSOR: hand; COLOR: white" onclick=calculate()

onmouseout="event.srcElement.style.color='white'" height=82 cellSpacing=0

cellPadding=0 width="100%" border=1>

<TBODY>

<TR>

<TD align=middle width="25%" height=17>7</TD>

<TD style="COLOR: white" align=middle width="25%" height=17>8</TD>

<TD style="COLOR: white" align=middle width="25%" height=17>9</TD>

<TD style="COLOR: white" align=middle width="25%" height=17>/</TD></TR>

<TR>

<TD align=middle width="25%" height=19>4</TD>

<TD align=middle width="25%" height=19>5</TD>

<TD align=middle width="25%" height=19>6</TD>

<TD align=middle width="25%" height=19>*</TD></TR>

<TR>

<TD style="COLOR: white" align=middle width="25%" height=19>1</TD>

<TD style="COLOR: white" align=middle width="25%" height=19>2</TD>

<TD style="COLOR: white" align=middle width="25%" height=19>3</TD>

<TD style="COLOR: white" align=middle width="25%" height=19>-</TD></TR>

<TR>

<TD align=middle width="25%" height=19>0</TD>

<TD onclick=pn();previouskey=1;event.cancelBubble=true align=middle width="25%"

height=19>+/-</TD>

<TD align=middle width="25%" height=19>.</TD>

<TD align=middle width="25%" height=19>+</TD></TR></TBODY></TABLE></TD>

<TD width="20%">

<DIV align=left>

<TABLE cellSpacing=0 cellPadding=0 width="100%" border=1>

<TBODY>

<TR>

<TD

style="FONT: bold 20px Verdana; CURSOR: hand; COLOR: white; TEXT-ALIGN: center"

onclick="result.innerText=0;results=''"

width="100%">C</TD></TR></TBODY></TABLE></DIV>

<DIV align=left>

<TABLE height=81 cellSpacing=0 cellPadding=0 width="100%" border=1>

<TBODY>

<TR>

<TD onmouseover="event.srcElement.style.color='yellow'"

style="FONT: bold 32px Verdana; CURSOR: hand; COLOR: white; TEXT-ALIGN: center"

onclick=calculateresult() onmouseout="event.srcElement.style.color='white'"

width="100%">=</TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

<SCRIPT language=JavaScript1.2>

/*

DHTML Calculator Script-

© Dynamic Drive (www.dynamicdrive.com)

For full source code, installation instructions,

100's more DHTML scripts, and Terms Of

Use, visit dynamicdrive.com

*/

var results=''

var previouskey=''

var re=/(\/|\*|\+|-)/

var re2=/(\/|\*|\+|-){2}$/

var re3=/.+(\/|\*|\+|-).+/

var re4=/\d|\./

var re5=/^[^\/\*\+].+\d$/

var re6=/\./

function calculate(){

if (event.srcElement.tagName=="TD"){

if (event.srcElement.innerText.match(re4)&&previouskey=="=")

results=''

if (result.innerText.match(re3)&&event.srcElement.innerText.match(re)){

if (!results.match(re5)){

result.innerText="Error!"

return

}

results=eval(results)

if (results.toString().length>=12&&results.toString().match(re6))

results=results.toString().substring(0,12)

result.innerText=results

}

results+=event.srcElement.innerText

if (results.match(re2))

results=results.substring(0,results.length-2)+results.charAt(results.length-1)

result.innerText=results

}

}

function calculateresult(){

if (!results.match(re5)){

result.innerText="Error!"

return

}

results=eval(results)

if (results.toString().length>=12&&results.toString().match(re6))

results=results.toString().substring(0,12)

result.innerText=results

}

function pn(){

if (result.innerText.charAt(0)!='-')

result.innerText=results='-'+result.innerText

else if (result.innerText.charAt(0)=='-')

result.innerText=results=result.innerText*(-1)

}

</SCRIPT>