Miscellany

function createTextInput (_value, _width, _inputid, _tableid, _where) {
	var _value2 = _value;

	var is_table = 0;
	var is_input = 0;

	var textInputTable = document.createElement("table");
	
	var textInputTr1 = document.createElement("tr");
		var textInputTr1Td1 = document.createElement("td");
		var textInputTr1Td2 = document.createElement("td");
		var textInputTr1Td3 = document.createElement("td");

	var textInputTr2 = document.createElement("tr");
		var textInputTr2Td1 = document.createElement("td");
		var textInputTr2Td2 = document.createElement("td");
		var textInputTr2Td3 = document.createElement("td");

	var textInputTr3 = document.createElement("tr");
		var textInputTr3Td1 = document.createElement("td");
		var textInputTr3Td2 = document.createElement("td");
		var textInputTr3Td3 = document.createElement("td");

	var textForm = document.createElement("form");
	var textInput = document.createElement("input");

	var lws = document.createTextNode("What you are typing now: "+_value);

	textForm.appendChild(textInput);
	textInputTr2Td2.appendChild(textForm);
	textInputTr2Td2.appendChild(lws);

	textInput.type = "text";
	textInput.value = _value;
	if ( _width != "" ) {
		textInput.style.width = _width;
		textInputTr2Td2.style.width = _width;
	}
	if ( _inputid != "" )
		textInput.id = _inputid;

	textInputTr1.appendChild(textInputTr1Td1);
	textInputTr1.appendChild(textInputTr1Td2);
	textInputTr1.appendChild(textInputTr1Td3);

	textInputTr2.appendChild(textInputTr2Td1);
	textInputTr2.appendChild(textInputTr2Td2);
	textInputTr2.appendChild(textInputTr2Td3);

	textInputTr3.appendChild(textInputTr3Td1);
	textInputTr3.appendChild(textInputTr3Td2);
	textInputTr3.appendChild(textInputTr3Td3);

	textInputTable.appendChild(textInputTr1);
	textInputTable.appendChild(textInputTr2);
	textInputTable.appendChild(textInputTr3);

	document.getElementById(_where).appendChild(textInputTable);

	textInput.onchange = function () {
		textInputTr2Td2.removeChild(lws);
		_value2 = textInput.value;
		lws = document.createTextNode("What you are typing now: "+_value2);
		textInputTr2Td2.appendChild(lws);
	}

	textInput.onmouseover = function () {
		if (is_table == 0 && is_input == 0) {
			textInputTr1Td1.className += "_hover";
			textInputTr1Td2.className += "_hover";
			textInputTr1Td3.className += "_hover";
		
			textInputTr2Td1.className += "_hover";
			textInputTr2Td3.className += "_hover";

			textInputTr3Td1.className += "_hover";
			textInputTr3Td2.className += "_hover";
			textInputTr3Td3.className += "_hover";

			is_input = 1;
		}
	}	

	textInput.onmouseout = function () {
		if (is_input == 1) {
			textInputTr1Td1.className = "text_upper_left";
			textInputTr1Td2.className = "text_top";
			textInputTr1Td3.className = "text_upper_right";

			textInputTr2Td1.className = "text_left";
			textInputTr2Td2.className = "text_cnt";
			textInputTr2Td3.className = "text_right";

			textInputTr3Td1.className = "text_lower_left";
			textInputTr3Td2.className = "text_bottom";
			textInputTr3Td3.className = "text_lower_right";

			is_input = 0;
		}
	}

	textInputTable.onmouseover = function () {
		if (is_table == 0 && is_input == 0) {
			textInputTr1Td1.className += "_hover";
			textInputTr1Td2.className += "_hover";
			textInputTr1Td3.className += "_hover";
		
			textInputTr2Td1.className += "_hover";
			textInputTr2Td3.className += "_hover";

			textInputTr3Td1.className += "_hover";
			textInputTr3Td2.className += "_hover";
			textInputTr3Td3.className += "_hover";

			is_table = 1;
		}
	}

	textInputTable.onmouseout = function () {
		if (is_table == 1) {
			textInputTr1Td1.className = "text_upper_left";
			textInputTr1Td2.className = "text_top";
			textInputTr1Td3.className = "text_upper_right";

			textInputTr2Td1.className = "text_left";
			textInputTr2Td2.className = "text_cnt";
			textInputTr2Td3.className = "text_right";

			textInputTr3Td1.className = "text_lower_left";
			textInputTr3Td2.className = "text_bottom";
			textInputTr3Td3.className = "text_lower_right";

			is_table = 0;
		}
	}

	if ( _tableid != "" )
		textInputTable.id = _tableid;

	textInputTable.className = "text_tbl";

	textInputTr1Td1.className = "text_upper_left";
	textInputTr1Td2.className = "text_top";
	textInputTr1Td3.className = "text_upper_right";

	textInputTr2Td1.className = "text_left";
	textInputTr2Td2.className = "text_cnt";
	textInputTr2Td3.className = "text_right";

	textInputTr3Td1.className = "text_lower_left";
	textInputTr3Td2.className = "text_bottom";
	textInputTr3Td3.className = "text_lower_right";
}