<style>
.box{
width:120px;
height:120px;
}

.gold{ background-color: gold; }
.red{ background-color: red; }

.large{
	font-size: 30px;
}

.center{
	text-align: center;
}

.stretch{
	padding: 50px;
}
</style>

<table cellspacing="2" cellpadding="5" border="0">
<tr><td>Version: </td><td><strong id="version">0.0</strong></td></tr>
</table>

<div id="descDiv">
</div>

<div id="formDiv">
</div>

<div id="debugDiv" style="display:block">
	<h3>Debug notes</h3>
	<textarea cols="95" rows="5" id="debugArea">
	</textarea>
</div>


<script type "text/javascript">
window.onload=init;
function init(){
	config.document=document;
	config.window=window;
	config.div="formDiv";
	config.debugArea="debugArea";
	config.role="crfManager";
	clear();
	print("StartingX");
	//add a button with callback
	config.button = config.document.createElement("button");
   config.button.innerHTML = "Generate description";
	let el=config.document.getElementById('descDiv');
	el.appendChild(config.button);
	config.button.onclick=generateDescription;
   generateFormArray();

}
</script>