<head>
<PUBLIC:COMPONENT tagName=CALCULATOR_HTC>
	<PUBLIC:PROPERTY Name=target>
	<PUBLIC:PROPERTY Name=color>
	<PUBLIC:DEFAULTS viewLinkContent/>
  	<PUBLIC:ATTACH event="oncontentready" onevent="fnInit()"/>
</PUBLIC:COMPONENT>
<style type='text/css'>
	body
	{
		background:lightgray;
	}
	table
	{
		background:#999999;
	}
	button
	{
		position:relative;
		text-align:center;
		width:30;
		height:30;
	}
</style>
<script type="text/javascript">
var lastOp = ""
var lastNum = 0
var erase=true
var total = []
function fnInit()
{
	if(color!=null)
		try
		{
			tableCalc.style.background = color
		}
		catch(e)
		{
			tableCalc.style.background = "#999999"
		}
	Calc.value = "0"
	lastNum = 0
	stste = 0
}
function fnCalc(n)
{
	if(erase==true)
		Calc.value=""
	switch(n)
	{
		case("1"):
		case("2"):
		case("3"):
		case("4"):
		case("5"):
		case("6"):
		case("7"):
		case("8"):
		case("9"):
		case("0"):
			Calc.value+=n;
			erase=false
			break;
		case("+"):
			doLastOp(lastOp)
			lastOp="+"
			erase = true
			break
		case("-"):
			doLastOp(lastOp)
			lastOp="-"
			erase = true
			break
		case("*"):
			doLastOp(lastOp)
			lastOp="*"
			erase = true
			break
		case("D"):
			doLastOp(lastOp)
			lastOp="D"
			erase = true
			break
		case("C"):
			Calc.value = ""
			lastOp = ""
			if(total.length>0)
				total.pop()
			erase = true
			break
		case("="):
			doLastOp(lastOp)
			erase = false
			lastOp = ""
			break
	}
}
function doLastOp(lop)
{
	if(total.length>0)
	{
		switch(lop)
		{
			case("+"):
				Calc.value = parseInt(total.pop()) + parseInt(Calc.value)
				break
			case("-"):
				Calc.value = parseInt(total.pop()) - parseInt(Calc.value)
				break
			case("*"):
				Calc.value = parseInt(total.pop()) * parseInt(Calc.value)
				break
			case("D"):
				Calc.value = parseInt(total.pop()) / parseInt(Calc.value)
				break
		}
	}
	total.push(Calc.value)
}
</script>
</head>
<body>
<TABLE id="tableCalc" BORDER=3>
<TR>
<TD>
<INPUT TYPE="text" id="Calc" Size="16">
</TD>
</TR>
<TR>
<TD>
<button onclick="fnCalc('1')">1</button>
<button onclick="fnCalc('2')">2</button>
<button onclick="fnCalc('3')">3</button>
<button onclick="fnCalc('+')">+</button><br>
<button onclick="fnCalc('4')">4</button>
<button onclick="fnCalc('5')">5</button>
<button onclick="fnCalc('6')">6</button>
<button onclick="fnCalc('-')">-</button><br>
<button onclick="fnCalc('7')">7</button>
<button onclick="fnCalc('8')">8</button>
<button onclick="fnCalc('9')">9</button>
<button onclick="fnCalc('*')">*</button><br>
<button onclick="fnCalc('C')">C</button>
<button onclick="fnCalc('0')">0</button>
<button onclick="fnCalc('=')">=</button>
<button onclick="fnCalc('D')">/</button>
</TD>
</TR>
</TABLE>
</body>
