function postData(dataSource, divID, postData)
{
	var XMLHttpRequestObject = false;

	if (window.XMLHttpRequest)
	{
		XMLHttpRequestObject = new XMLHttpRequest();
	}
	else if (window.ActiveXObject)
	{
		XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
	}

	if(XMLHttpRequestObject)
	{
		var obj = document.getElementById(divID);
		XMLHttpRequestObject.open("POST", dataSource+'.php');
		XMLHttpRequestObject.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

		XMLHttpRequestObject.onreadystatechange = function()
		{
			if (XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200)
			{
				obj.innerHTML = XMLHttpRequestObject.responseText;
			}
		}

		XMLHttpRequestObject.send(postData);
	}
}

function explain()
{
	var nav = document.getElementById("nav_rm");
	var content1 = document.getElementById("readme");
	var content2 = document.getElementById("calccontent");

	nav.innerHTML='<a href="javascript:;" onclick="noexplain();" class="navbutton" style="border: solid 3px #777;">Calculator</a>';
	content1.style.display="block";
	content2.style.display="none";
}

function noexplain()
{
	var nav = document.getElementById("nav_rm");
	var content1 = document.getElementById("readme");
	var content2 = document.getElementById("calccontent");

	nav.innerHTML='<a href="javascript:;" onclick="explain();" class="navbutton">Uitleg</a>';
	content1.style.display="none";
	content2.style.display="block";	
}

function noresult()
{
	var content1 = document.getElementById("result");
	var content2 = document.getElementById("calccontent");
	var content3 = document.getElementById("sresult");

	content1.style.display="none";
	content2.style.display="block";	
	content3.style.display="none";
}

function sresult()
{
	var content1 = document.getElementById("result");
	var content2 = document.getElementById("sresult");
	var nav = document.getElementById("nav_sr");

	nav.innerHTML="<a href=\"javascript:;\" onclick=\"aresult();\" class=\"navbutton\" style=\"border: solid 1px #ccc;\">Uitgebreide berekening</a>";
	content1.style.display="none";
	content2.style.display="block"; 
}

function aresult()
{
	var content1 = document.getElementById("result");
	var content2 = document.getElementById("sresult");
	var nav = document.getElementById("nav_sr");

	nav.innerHTML="<a href=\"javascript:;\" onclick=\"sresult();\" class=\"navbutton\" style=\"border: solid 3px #008482;\">Simpele berekening</a>";
	content1.style.display="block";
	content2.style.display="none"; 
	
}


function addbf()
{
	noexplain();
	noresult();
	var hid = document.getElementById("hid").value;
	var count;
	if(hid==0)
	{
		count = 1;
	}
	if(hid==1)
	{
		count  = 1;
	}
	if(hid==2)
	{
		count  = 3;
	}
	if(hid==3)
	{
		count  = 3;
	}
	document.getElementById("hid").value=count;
	var nav = document.getElementById("nav_bf");
	var field1 = document.getElementById("bf_1");
	var field2 = document.getElementById("bf_2");
	var field3 = document.getElementById("bf_3");
	var field4 = document.getElementById("bf_4");
	
	nav.innerHTML="<a href=\"javascript:;\" onclick=\"nobf();\" class=\"navbutton\" style=\"border: solid 3px #008482;\">Vetpercentage invoeren</a>";
	field1.innerHTML="Taille omtrek:";
	field1.style.color="#008482";
	field2.innerHTML='<input type="text" size="5" maxlength="4" name="omtrek_b" class="form">&nbsp;&nbsp;<div id="checkleng1" style="display: inline;">CM - 0.5cm precies</div>';
	field2.style.color="#008482";
	field3.innerHTML="Nek omtrek:";
	field3.style.color="#008482";
	field4.innerHTML='<input type="text" size="5" maxlength="4" name="omtrek_n" class="form">&nbsp;&nbsp;<div id="checkleng2" style="display: inline;">CM - 0.5cm precies</div>';
	field4.style.color="#008482";
	
}

function nobf()
{
	noexplain();
	noresult();
	var hid = document.getElementById("hid").value;
	var count;
	if(hid==0)
	{
		count = 0;
	}
	if(hid==1)
	{
		count  = 0;
	}
	if(hid==2)
	{
		count  = 2;
	}
	if(hid==3)
	{
		count  = 2;
	}
	document.getElementById("hid").value=count;
	var nav = document.getElementById("nav_bf");
	var field1 = document.getElementById("bf_1");
	var field2 = document.getElementById("bf_2");
	var field3 = document.getElementById("bf_3");
	var field4 = document.getElementById("bf_4");
	
	nav.innerHTML="<a href=\"javascript:;\" onclick=\"addbf();\" class=\"navbutton\" style=\"border: solid 1px #ccc;\">Bereken vetpercentage</a>";	
	field1.innerHTML="Vetpercentage:";
	field1.style.color="#000000";
	field2.innerHTML='<input type="text" size="5" maxlength="4" name="vet" class="form">&nbsp;&nbsp;%';
	field2.style.color="#000000";
	field3.innerHTML="";
	field4.innerHTML="";
}

function addexpert()
{
	noexplain();
	noresult();
	var hid = document.getElementById("hid").value;
	var count;
	if(hid==0)
	{
		count = 2;
	}
	if(hid==1)
	{
		count  = 3;
	}
	if(hid==2)
	{
		count  = 2;
	}
	if(hid==3)
	{
		count  = 3;
	}
	document.getElementById("hid").value=count;
	var nav = document.getElementById("nav_ex");
	var field1 = document.getElementById("expert1");
	var field2 = document.getElementById("expert2");
	var field3 = document.getElementById("expert3");
	var field4 = document.getElementById("expert4");
	var field5 = document.getElementById("expert5");
	var field6 = document.getElementById("expert6");
	
	nav.innerHTML='<a href="javascript:;" onclick="noexpert();" class="navbutton" style="border: solid 3px #580044;">Beginner Mode</a>';
	
	field1.innerHTML="Eiwit:";
	
	field2.innerHTML='<input type="text" size="5" maxlength="4" name="kies_eiwit" class="form">&nbsp;&nbsp;Gram per <div id="checkweig2" style="display: inline">KG</div>&nbsp;Vet-vrije massa';
	field3.innerHTML="Vetten:";
	field4.innerHTML='<input type="text" size="5" maxlength="4" name="kies_vet" class="form">&nbsp;&nbsp;% - Let op! Onder de 15% is zeer ongezond!';
	field5.innerHTML="Koolhydraten:";
	field6.innerHTML='Automatisch berekend(de rest)';
	
}

function noexpert()
{
	noexplain();
	noresult();
	var hid = document.getElementById("hid").value;
	var count;
	if(hid==0)
	{
		count = 0;
	}
	if(hid==1)
	{
		count  = 1;
	}
	if(hid==2)
	{
		count  = 0;
	}
	if(hid==3)
	{
		count  = 1;
	}
	document.getElementById("hid").value=count;
	var nav = document.getElementById("nav_ex");
	var field1 = document.getElementById("expert1");
	var field2 = document.getElementById("expert2");
	var field3 = document.getElementById("expert3");
	var field4 = document.getElementById("expert4");
	var field5 = document.getElementById("expert5");
	var field6 = document.getElementById("expert6");
	
	nav.innerHTML='<a href="javascript:;" onclick="addexpert();" class="navbutton" style="border: solid 1px #ccc;">Expert Mode</a>';	
	field1.innerHTML="";
	field2.innerHTML='';
	field3.innerHTML="";
	field4.innerHTML='';
	field5.innerHTML="";
	field6.innerHTML='';
}

function calc()
{
	var hid = document.getElementById("hid").value;
	var count;

	var gewicht = document.form1.gewicht.value;
	var fault;
	
	var i;
	for(i=0;i<document.form1.D_inspanning.length;i++)
	{
		if(document.form1.D_inspanning[i].checked==true)
		{
			var D_inspanning = document.form1.D_inspanning[i].value;
		}	
	}
	
	for(i=0;i<document.form1.S_inspanning.length;i++)
	{
		if(document.form1.S_inspanning[i].checked==true)
		{
			var S_inspanning = document.form1.S_inspanning[i].value;
		}	
	}
	
	if(!document.form1.gewicht.value || !S_inspanning || !D_inspanning)
	{
		alert("Niet alle velden zijn zorgvoldig ingevuld.");
		fault=1;
	}
	if(hid==0)
	{
		var vet = document.form1.vet.value;
		if(!vet)
		{	
			if(fault!=1)
			{
				alert("Niet alle velden zijn zorgvoldig ingevuld.");
				fault=1;
			}
			
		}
	}
	if(hid==1)
	{
		var omtrek_b = document.form1.omtrek_b.value;
		var omtrek_n = document.form1.omtrek_n.value;
		if(!document.form1.omtrek_b.value || !document.form1.omtrek_n.value)
		{
			if(fault!=1)
			{
			alert("Niet alle velden zijn zorgvoldig ingevuld.");
			fault=1;
			}
		}
	}
	
	if(hid==2)
	{
		var kies_eiwit = document.form1.kies_eiwit.value;
		var kies_vet = document.form1.kies_vet.value;
		var vet = document.form1.vet.value;
		if(!document.form1.vet.value || !document.form1.kies_eiwit.value || !document.form1.kies_vet.value)
		{
			if(fault!=1)
			{
			alert("Niet alle velden zijn zorgvoldig ingevuld.");
			fault=1;
			}
		}
	}
	if(hid==3)
	{
		var omtrek_b = document.form1.omtrek_b.value;
		var omtrek_n = document.form1.omtrek_n.value;
		var kies_eiwit = document.form1.kies_eiwit.value;
		var kies_vet = document.form1.kies_vet.value
		if(!document.form1.omtrek_b.value || !document.form1.omtrek_n.value || !document.form1.kies_eiwit.value || !document.form1.kies_vet.value)
		{
			if(fault!=1)
			{
			alert("Niet alle velden zijn zorgvoldig ingevuld.");
			fault=1;
			}
		}
	}

	if(fault!=1){
		if(hid==0)
		{
			postData("calc", "result", "gewicht="+gewicht+"&vet="+vet+"&D_inspanning="+D_inspanning+"&S_inspanning="+S_inspanning);
			postData("easycalc", "sresult", "gewicht="+gewicht+"&vet="+vet+"&D_inspanning="+D_inspanning+"&S_inspanning="+S_inspanning);
		}
		if(hid==1)
		{
			postData("calc", "result", "gewicht="+gewicht+"&D_inspanning="+D_inspanning+"&S_inspanning="+S_inspanning+"&omtrek_b="+omtrek_b+"&omtrek_n="+omtrek_n);
			postData("easycalc", "sresult", "gewicht="+gewicht+"&D_inspanning="+D_inspanning+"&S_inspanning="+S_inspanning+"&omtrek_b="+omtrek_b+"&omtrek_n="+omtrek_n);
		}
		if(hid==2)
		{
			postData("calc", "result", "gewicht="+gewicht+"&vet="+vet+"&D_inspanning="+D_inspanning+"&S_inspanning="+S_inspanning+"&kies_eiwit="+kies_eiwit+"&kies_vet="+kies_vet);
			postData("easycalc", "sresult", "gewicht="+gewicht+"&vet="+vet+"&D_inspanning="+D_inspanning+"&S_inspanning="+S_inspanning+"&kies_eiwit="+kies_eiwit+"&kies_vet="+kies_vet);
		}
		if(hid==3)
		{
			postData("calc", "result", "gewicht="+gewicht+"&D_inspanning="+D_inspanning+"&S_inspanning="+S_inspanning+"&omtrek_b="+omtrek_b+"&omtrek_n="+omtrek_n+"&kies_eiwit="+kies_eiwit+"&kies_vet="+kies_vet);
			postData("easycalc", "sresult", "gewicht="+gewicht+"&D_inspanning="+D_inspanning+"&S_inspanning="+S_inspanning+"&omtrek_b="+omtrek_b+"&omtrek_n="+omtrek_n+"&kies_eiwit="+kies_eiwit+"&kies_vet="+kies_vet);
		}
		
		document.getElementById("result").style.display="none";
		document.getElementById("sresult").style.display="block";
		document.getElementById("calccontent").style.display="none";
		document.getElementById("noresnav").style.display="none";
		document.getElementById("resnav").style.display="block";
		document.getElementById("head").innerHTML="Resultaat: Uw dagelijkse voedingsbehoefte";
	}
}