<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Certain Trust</title>
		<script type="text/javascript" src="CertainTrust.js"></script>
		<script type="text/javascript" src="certainTrustHTI.js"></script>
		<link rel="stylesheet" type="text/css" href="certainTrustHTI.css" />
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	</head>
	<body style="border: 5px solid grey;">
<script type="text/javascript">new CertainTrustHTI(new CertainTrust(0.5, 0.5, 0.5, 10), {
	line: {
		height: 5,
		width: 1,
		style: 'black',
		baserad: 45
	},
	confidence: {
		width: 1,
		style: 'gray',
		quantil: 1.96
	}
});</script>
		<div id="dom-parent" >
		<script type="text/javascript">var ct = new CertainTrustHTI(new CertainTrust("DOM Parent", 0.1, 0, 0.9, 5), { domParent: 'dom-parent', label: { lang: 'de' } , readonly: true });</script>
			<table style="clear: both;" id="dom-before">
				<tr><td id='parent-td'></td><td><script type="text/javascript">new CertainTrustHTI();</script></td></tr>
				<tr><td><script type="text/javascript">new CertainTrustHTI();</script></td><td><script type="text/javascript">new CertainTrustHTI();</script></td></tr>
			</table>
			<script type="text/javascript">new CertainTrustHTI(new CertainTrust("Deutsch", 0.5, 0, 0.1, 5), { label: { lang: 'de' } });</script>
			<script type="text/javascript">new CertainTrustHTI(new CertainTrust("No Fields", 0.8, 0, 0.75, 5), { show: { c: false, e: false, f: false, t: false, axes: false } });</script>
			<script type="text/javascript">new CertainTrustHTI(new CertainTrustSimple("Bigger is better", 0.5, 0.5, 0.4), { canvas: { width: 400, height: 400 } });</script>
			<script type="text/javascript">new CertainTrustHTI(undefined, { line: { height: 10, width: 3 } });</script>
			<script type="text/javascript">new CertainTrustHTI(new CertainTrust(0.0, 0.0, 10));</script>
			<div class="certaintrust"><h2>Default HTI</h2><script type="text/javascript">new CertainTrustHTI();</script></div>
		</div>
		<script type="text/javascript">new CertainTrustHTI(new CertainTrust(0.5, 0.5, 0.5, 5), { id: 'ct-parent', domParent: 'parent-td', line: { baserad: 45 }, confidence: { width: 1 } });</script>
		<script type="text/javascript">new CertainTrustHTI(undefined, { id: 'ct-after', domAfter: 'dom-before', line: { baserad: 45, width: 2 } });</script>
		<script type="text/javascript">new CertainTrustHTI(undefined, { id: 'ct-before', domBefore: 'dom-before' });</script>
		<script type="text/javascript">document.getElementById('dom-parent').appendChild(new CertainTrustHTI(undefined, { id: 'ct-return', domReturn: true }));CertainTrustHTIElement.ById('ct-return').update()</script>
		<script type="text/javascript">new CertainTrustHTI(undefined, { id: 'ct-element', domBefore: document.getElementById('dom-parent') });</script>


		<p>Adding the neutral element changes nothing:<br/>
		<script type="text/javascript">
			var ct = new CertainTrustSimple(0.5, 0.5, 0);
			var nct = ct.AND(new CertainTrustSimple(0.5, 0.5, 1));
			document.write(ct.getF() + " " + ct.getC() + " " + ct.getT() + "<br/>");
			document.write(nct.getF() + " " + nct.getC() + " " + nct.getT() + "<br/>");
			var fct = ct.cFusion([ ct, nct ], [ 1, 1 ]);
			document.write(fct.getF() + " " + fct.getC() + " " + fct.getT() + "<br/>");
			var nct = ct.NOT();
			document.write(nct.getF() + " " + nct.getC() + " " + nct.getT() + "<br/>");
		</script>
		</p>
	</body>
</html>