var fromSize = 11;
var toSize = 3;
var multipliers = new Array(fromSize);
multipliers[0] = new Array(toSize); // measurement conversion arrays
multipliers[1] = new Array(toSize);
multipliers[2] = new Array(toSize);

multipliers[3] = new Array(1);	// chemical conversion arrays
multipliers[4] = new Array(2);
multipliers[5] = new Array(1);
multipliers[6] = new Array(1);
multipliers[7] = new Array(2);
multipliers[8] = new Array(1);
multipliers[9] = new Array(1);
multipliers[10] = new Array(1);

multipliers[0][0] = 2240.0;	// Tons, long
multipliers[0][1] = 1.0160;
multipliers[0][2] = 1.2000;
multipliers[1][0] = 2204.6;	// Tonnes, Metric
multipliers[1][1] = 0.9842;
multipliers[1][2] = 1.1023;
multipliers[2][0] = 2000.0;	// Tonnes, short
multipliers[2][1] = 0.8929;
multipliers[2][2] = 0.9072;
multipliers[3][0] = 1.2046;	// K
multipliers[4][0] = 0.8302; // K2O
multipliers[4][1] = 1.6393;
multipliers[5][0] = 0.6100; // KCI Product
multipliers[6][0] = 2.2915; // P
multipliers[7][0] = 0.4364; // P2O5
multipliers[7][1] = 2.1852;
multipliers[8][0] = 0.4577; // BPL
multipliers[9][0] = 1.2159; // N
multipliers[10][0] = 0.8225; // NH3

function showConvertToOptions() {
	var from = document.getElementById("convertFrom");

	switch(from.value) {
		case "0":
			html = "<select name=\"convertedUnits\" style=\"width: 150px;\" onchange=\"showConversion()\" id=\"convertTo\" onclick=\"unlockConvertTo()\">";
			html += "<option value=\"\">Select Option..</option>\n";
			html += "<option value=\"0\">pounds</option>\n";
			html += "<option value=\"1\">metric tonnes</option>\n";
			html += "<option value=\"2\">short tons</option>\n";
			html += "</select>";
			document.getElementById("convertToHTML").innerHTML = html;
			break;

		case "1":
			html = "<select name=\"convertedUnits\" style=\"width: 150px;\" onchange=\"showConversion()\" id=\"convertTo\" onclick=\"unlockConvertTo()\">";
			html += "<option value=\"\">Select Option..</option>\n";
			html += "<option value=\"0\">pounds</option>\n";
			html += "<option value=\"1\">long tons</option>\n";
			html += "<option value=\"2\">short tons</option>\n";
			html += "</select>";
			document.getElementById("convertToHTML").innerHTML = html;
			break;

		case "2":
			html = "<select name=\"convertedUnits\" style=\"width: 150px;\" onchange=\"showConversion()\" id=\"convertTo\" onclick=\"unlockConvertTo()\">\n";
			html += "<option value=\"\" selected>Select Option..</option>\n";
			html += "<option value=\"0\">pounds</option>\n";
			html += "<option value=\"1\">long tons</option>\n";
			html += "<option value=\"2\">metric tonnes</option>\n";
			html += "</select>\n";
			document.getElementById("convertToHTML").innerHTML = html;
			break;
		case "3":
			html = "<select name=\"convertedUnits\" style=\"width: 150px;\" onchange=\"showConversion()\" id=\"convertTo\" onclick=\"unlockConvertTo()\">\n";
			html += "<option value=\"\" selected>Select Option..</option>\n";
			html += "<option value=\"0\">K2O</option>\n";
			html += "</select>\n";
			document.getElementById("convertToHTML").innerHTML = html;
			break;
		case "4":
			html = "<select name=\"convertedUnits\" style=\"width: 150px;\" onchange=\"showConversion()\" id=\"convertTo\" onclick=\"unlockConvertTo()\">\n";
			html += "<option value=\"\" selected>Select Option..</option>\n";
			html += "<option value=\"0\">K</option>\n";
			html += "<option value=\"1\">KCI Product</option>\n";
			html += "</select>\n";
			document.getElementById("convertToHTML").innerHTML = html;
			break;
		case "5":
			html = "<select name=\"convertedUnits\" style=\"width: 150px;\" onchange=\"showConversion()\" id=\"convertTo\" onclick=\"unlockConvertTo()\">\n";
			html += "<option value=\"\" selected>Select Option..</option>\n";
			html += "<option value=\"0\">K2O</option>\n";
			html += "</select>\n";
			document.getElementById("convertToHTML").innerHTML = html;
			break;
		case "6":
			html = "<select name=\"convertedUnits\" style=\"width: 150px;\" onchange=\"showConversion()\" id=\"convertTo\" onclick=\"unlockConvertTo()\">\n";
			html += "<option value=\"\" selected>Select Option..</option>\n";
			html += "<option value=\"0\">P2O5</option>\n";
			html += "</select>\n";
			document.getElementById("convertToHTML").innerHTML = html;
			break;
		case "7":
			html = "<select name=\"convertedUnits\" style=\"width: 150px;\" onchange=\"showConversion()\" id=\"convertTo\" onclick=\"unlockConvertTo()\">\n";
			html += "<option value=\"\" selected>Select Option..</option>\n";
			html += "<option value=\"0\">P</option>\n";
			html += "<option value=\"1\">BPL</option>\n";
			html += "</select>\n";
			document.getElementById("convertToHTML").innerHTML = html;
			break;
		case "8":
			html = "<select name=\"convertedUnits\" style=\"width: 150px;\" onchange=\"showConversion()\" id=\"convertTo\" onclick=\"unlockConvertTo()\">\n";
			html += "<option value=\"\" selected>Select Option..</option>\n";
			html += "<option value=\"0\">P2O5</option>\n";
			html += "</select>\n";
			document.getElementById("convertToHTML").innerHTML = html;
			break;
		case "9":
			html = "<select name=\"convertedUnits\" style=\"width: 150px;\" onchange=\"showConversion()\" id=\"convertTo\" onclick=\"unlockConvertTo()\">\n";
			html += "<option value=\"\" selected>Select Option..</option>\n";
			html += "<option value=\"0\">NH3</option>\n";
			html += "</select>\n";
			document.getElementById("convertToHTML").innerHTML = html;
			break;
		case "10":
			html = "<select name=\"convertedUnits\" style=\"width: 150px;\" onchange=\"showConversion()\" id=\"convertTo\" onclick=\"unlockConvertTo()\">\n";
			html += "<option value=\"\" selected>Select Option..</option>\n";
			html += "<option value=\"0\">N</option>\n";
			html += "</select>\n";
			document.getElementById("convertToHTML").innerHTML = html;
			break;
	}
	document.getElementById("convertTo").disabled = true;
}

function unlockConvertTo() {
	if((parseFloat(document.getElementById("amount").value)) && (parseFloat(document.getElementById("amount").value) != 0.0)) {
		if(document.getElementById("amount").readOnly == false)
			document.getElementById("convertTo").disabled = false;
	}
}


function showConversion () {
	var result = document.getElementById("result");
	var amount = document.getElementById("amount");
	if(amount.value > "") {
		amt = parseFloat(amount.value);
		var from = document.getElementById("convertFrom");
		var to = document.getElementById("convertTo");
		conversion = Math.round((parseFloat(amt * parseFloat(multipliers[parseInt(from.value)][parseInt(to.value)])))*100)/100;
		if((conversion % 10) == 0)
			result.value = conversion + ".00";
		else
			result.value = conversion;
		document.getElementById("multiplier").innerHTML = "* Multiply by " + parseFloat(multipliers[parseInt(from.value)][parseInt(to.value)]) + "<br /><br /><a href=\"#\" onmousedown=\"javascript:clearForm(); return true;\">Clear Form</a>";
		document.getElementById("convertFrom").disabled = true;
		document.getElementById("convertTo").disabled = true;
		document.getElementById("amount").readOnly=true;
	}
	else {
		document.getElementById("multiplier").innerHTML = "You must enter an amount to convert.<br /><br /><a href=\"#\" onmousedown=\"javascript:clearForm(); return true;\">Clear Form</a>";
		amount.focus();
		showConvertToOptions();
	}
}

function clearForm () {
		document.getElementById("convertFromHTML").innerHTML = "<select id=\"convertFrom\" name=\"originalUnits\" style=\"width: 150px;\" onchange=\"showConvertToOptions()\"><option value=\"\">Select one...</option><option value=\"0\">Tons, long</option><option value=\"1\">Tonnes, Metric</option><option value=\"2\">Tons, short</option><option value=\"3\">K</option><option value=\"4\">K20</option><option value=\"5\">KCI Product</option><option value=\"6\">P</option><option value=\"7\">P2O5</option><option value=\"8\">BPL</option><option value=\"9\">N</option><option value=\"10\">NH3</option></select>";
		document.getElementById("convertTo").value = "";
		document.getElementById("convertTo").disabled = true;
		document.getElementById("amount").value = "";
		document.getElementById("amount").readOnly = false;
		document.getElementById("result").value = "";
		document.getElementById("multiplier").innerHTML  = "<a href=\"#\" onmousedown=\"javascript:clearForm(); return true;\">Clear Form</a>";
}

