<!--

			/** add a new row to the table */
			function insertRow()
			{
				/** add a row to the rows collection and get a reference to the newly added row */
				var newRow = document.getElementById("tblGrid").insertRow(-1);

				/** add 3 cells (<td>) to the new row and set the innerHTML to contain text boxes */

				var oCell = newRow.insertCell(-1);
				oCell.innerHTML = '<input type="text" name="t1[]" id="t1[]" value="" />';

				oCell = newRow.insertCell(-1);
				oCell.innerHTML = '<input type="text" name="t2[]" id="t2[]" value="" />&nbsp;<input type="button" value="Delete" onclick="removeRow(this);" class="bttn" />';
			}

			/** deletes the specified row from the table */
			function removeRow(src)
			{
				/**
				 *	src refers to the input button that was clicked.
				 *      to get a reference to the containing <tr> element,
				 *	get the parent of the parent (in this case case <tr>)
				 */

				/** var oRow = src.parentElement.parentElement; // IE6 */
				var oRow = src.parentNode.parentNode;

				/** Get the Setting Name we are deleting */
				var oRowChild = oRow.getElementsByTagName("td")[0];
				var oCell = oRowChild.childNodes[0];
				var oDeleteValue = oCell.value

				/** once the row reference is obtained, delete it passing in its rowIndex */
				document.getElementById("tblGrid").deleteRow(oRow.rowIndex);

				/** if all is well, create a hidden row, with name & id of 't3' with the name of the setting we are deleting */
				if (oDeleteValue != "") {
					var newRow = document.getElementById("tblGrid").insertRow(-1);
					newRow.style.display = "none";
					var oCell = newRow.insertCell(-1);
					oCell.innerHTML = '<input type="hidden" name="t3[]" id="t3[]" value="' + oDeleteValue + '" />';
					oCell = newRow.insertCell(-1);
					oCell.innerHTML = '';
				}
			}

			/** add a new row to the table */
			function insertTypeRow()
			{
				/** add a row to the rows collection and get a reference to the newly added row */
				var newRow = document.getElementById("tblGrid").insertRow(-1);
				oCell = newRow.insertCell(-1);
				oCell.innerHTML = '<input type="text" name="t1[]" id="t1[]" value="" />&nbsp;<input type="button" value="Delete" onclick="removeTypeRow(this);" class="bttn" />';
			}

			/** deletes the specified row from the table */
			function removeTypeRow(src)
			{
				/**
				 *	src refers to the input button that was clicked.
				 *      to get a reference to the containing <tr> element,
				 *	get the parent of the parent (in this case case <tr>)
				 */

				/** var oRow = src.parentElement.parentElement; // IE6 */
				var oRow = src.parentNode.parentNode;

				/** Get the Setting Name we are deleting */
				var oRowChild = oRow.getElementsByTagName("td")[0];
				var oCell = oRowChild.childNodes[0];
				var oDeleteValue = oCell.value

				/** once the row reference is obtained, delete it passing in its rowIndex */
				document.getElementById("tblGrid").deleteRow(oRow.rowIndex);

				/** if all is well, create a hidden row, with name & id of 't3' with the name of the setting we are deleting */
				if (oDeleteValue != "") {
					var newRow = document.getElementById("tblGrid").insertRow(-1);
					newRow.style.display = "none";
					var oCell = newRow.insertCell(-1);
					oCell.innerHTML = '<input type="hidden" name="t2[]" id="t2[]" value="' + oDeleteValue + '" />';
				}
			}

//-->