Create Multiple calender control on runtime time

<script language="JavaScript" src="calendar.js"></script>
<link rel="stylesheet" href="calendar.css">

<form name="test">
	<div id="container">
	</div>
	<input type="Button" onclick="f_createContent()" value="Create" />
	<input type="Button" onclick="removeContent()" value="Delete" />
	

	<script language="JavaScript">
		var CALNUM = 1;
		function f_createContent() {
			var e_div = f_getElement('container');
			e_div.innerHTML += CALNUM
				+ '. <input type="text" name="testinpt' + CALNUM + '" value="" />'
				+ '<img title="Open Calendar" class="tcalIcon" onclick="A_TCALS[\'CalID' + CALNUM + '\'].f_toggle()" id="tcalico_CalID' + CALNUM + '" src="img/cal.gif"/><br />';

			new tcal ({
				// form name
				'formname': 'test',
				// input name
				'controlname': 'testinpt' + CALNUM,
				// set unique ID to identify the elements
				'id': 'CalID' + CALNUM
			});
			
			CALNUM++;
		}
		function removeContent() {
			var e_div = f_getElement('container');
			e_div.innerHTML = '';
			window.A_TCALS = null;
			window.A_TCALSIDX = null;
			CALNUM = 1;
		}
	</script>
</form>