function checkForm() {
	return onlyNumber(document.getElementById('cloth'), document.getElementById('val'), 2);
}

function onlyNumber(f, g, type) {
	var numMsg =  "<br /><strong>Please enter numbers only and make sure both fields are filled.</strong>";
	var ret1 = true;
	var ret2 = true;
	var arr = f.value.split("", f.value.length);
	var brr = g.value.split("", g.value.length);
	if (f.value.length == 0) {
		f.style.background = "red";
		ret1 = false;
	}
	else {
		for (var i = 0; i < f.value.length; i++) {
			if (arr[i] < '0' || arr[i] > '9') {
				f.style.background = "red";
				ret1 = false;
				i = f.value.length;
			}
		}
	}
	if (ret1)
		f.style.background = "white";
	if (g.value.length == 0) {
		g.style.background = "red";
		ret2 = false;
	}
	else {
		for (var j = 0; j < g.value.length; j++) {
			if (brr[j] < '0' || brr[j] > '9') {
				g.style.background = "red";
				ret2 = false;
				j = g.value.length;
			}
		}
	}
	if (ret2)
		g.style.background = "white";
	if (ret1 && ret2)
		calculate(type);
	else {
		if (type == 1) {
			document.getElementById('err1').innerHTML = numMsg;
		}
		else if (type == 2) {
			document.getElementById('err2').innerHTML = numMsg;
		}
		return false;
	}
}

function calculate(type) {
	var zeroMsg = "Whoops, those measurements won't fit! Please choose a fabric size or smaller table size.";
	if (type == 1) {
		var res = parseInt(document.getElementById("diameter").value) + (2 * parseInt(document.getElementById("height").value));
		if (res > 0)
			document.getElementById("formcontent").innerHTML = "You need a "  + res + " inch round tablecloth to skirt your table.";
		else {
			document.getElementById("formcontent").innerHTML = zeroMsg;
		}
		document.getElementById("formcontent").innerHTML += "<br /><a href=\"http://www.readytocover.com/fabric/table-fabric-skirting-calculator.html\">Start Over</a>";
	}
	else if (type == 2) {
		var res;
		var sel = document.getElementById('secondval').value;
		if (sel == 1) {
			res = parseInt(document.getElementById("cloth").value) - (2 * parseInt(document.getElementById("val").value));
			document.getElementById("formcontent").innerHTML = "You will need a "  + res + " inch diameter top.";
		}
		else if (sel == 2) {
			res = (parseInt(document.getElementById("cloth").value) - parseInt(document.getElementById("val").value)) / 2;
			document.getElementById("formcontent").innerHTML = "You will need a table that is "  + res + " inches high.";
		}
		else {
			document.getElementById("formcontent").innerHTML = zeroMsg;
		}
		document.getElementById("formcontent").innerHTML += "<br /><a href=\"http://www.readytocover.com/fabric/table-fabric-skirting-calculator.html\">Start Over</a>"
	}
}

function popForm(type) {
	var form1 = "To find the fabric cloth size you need, fill in the dimensions of the table you will be skirting.<br /><blockquote>Enter Your Tables' Diameter: <input type=\"text\" style=\"width: 30px\" id=\"diameter\" /> (inches)<span id=\"err1\"></span><br />Enter Your Tables' Height:   <input type=\"text\" style=\"width: 30px\" id=\"height\" /> (inches) <br /><br /><button id=\"calculate1\" onclick=\"return onlyNumber(document.getElementById('height'), document.getElementById('diameter'), 1);\">Calculate</button></blockquote>";
	var form2 = "<blockquote>2.) Enter Your Round Table Cloth Size: <input type=\"text\" style=\"width: 30px\" id=\"cloth\" /> (inches)<br /><br />3.) Enter The Table Diameter -OR- Height You Want (choose one) <br /><select id=\"secondval\"><option value=\"1\">Height</option><option value=\"2\">Diameter</option></select> <input type=\"text\" style=\"width: 30px\" id=\"val\" /> <span id=\"err2\"></span> (inches)<br /><button id=\"calculate2\" onclick=\"return checkForm();\">Calculate</button></blockquote>";
	if (type == 1) {
		document.getElementById("formcontent").innerHTML = form1;
	}
	else if (type == 2) {
		document.getElementById("formcontent").innerHTML = form2;
	}
}