var sRadioUnChecked = "image/radio_unchecked.png";
var sRadioChecked = "image/radio_checked.png";
var sCheckBoxUnChecked = "image/checkbox_unchecked.png";
var sCheckBoxChecked = "image/checkbox_checked.png";
var aInput; 

function replaceCheckBox(){
	aInput = document.getElementsByTagName('input');
	for(i = 0; i < aInput.length; i++){
		oInput = aInput[i];
		if(oInput.getAttribute("type") == "checkbox"){
			oInput.style.display = "none";
			oImg = new Image();
			oImg.src = oInput.checked ? sCheckBoxChecked : sCheckBoxUnChecked;
			oImg.id = "checkboximg" + i;
			oImg.style.marginRight = "5px";
			oImg.onclick = new Function("clickCheckBox('" + i +"')");
			oInput.parentNode.insertBefore(oImg, oInput);
		}
	}
}

function clickCheckBox(p_nIndex){
	var oInput = aInput[p_nIndex];
	if(!oInput.disabled){
		oInput.checked = !oInput.checked;
		oImg = document.getElementById("checkboximg" + p_nIndex);
		oImg.src = oInput.checked ? sCheckBoxChecked : sCheckBoxUnChecked;
	}
}

function replaceRadio(){
	aInput = document.getElementsByTagName('input');
	for(i = 0; i < aInput.length; i++){
		oInput = aInput[i];
		if(oInput.getAttribute("type") == "radio"){
			oInput.style.display = "none";
			oImg = new Image();
			oImg.src = oInput.checked ? sRadioChecked : sRadioUnChecked;
			oImg.id = "radioimg" + i;
			oImg.style.marginRight = "5px";
			oImg.onclick = new Function("clickRadio('" + i +"')");
			oInput.parentNode.insertBefore(oImg, oInput);
		}
	}
}

function clickRadio(p_nIndex){
	var sName = aInput[p_nIndex].name;
	aInput[p_nIndex].checked = true;
	for(i = 0; i < aInput.length; i++){
		oInput = aInput[i];
		if(oInput.getAttribute("type") == "radio" && oInput.name == sName){
			oImg = document.getElementById("radioimg" + i);
			oImg.src = sRadioUnChecked;
		}
	}

	oImg = document.getElementById("radioimg" + p_nIndex);
	oImg.src = sRadioChecked;
}

function submitContact(p_sForm){
	oForm = document.forms[p_sForm];

	if(oForm.f_firstname.value == ""){
		alert("Voornaam invullen aub.");
		oForm.f_firstname.focus();
	}else if(oForm.f_lastname.value == ""){
		alert("Achternaam invullen aub.");
		oForm.f_lastname.focus();
	}else if(oForm.f_phonenr.value == ""){
		alert("Telefoon invullen aub.");
		oForm.f_phonenr.focus();
	}else if(oForm.f_email.value == ""){
		alert("E-mail invullen aub.");
		oForm.f_email.focus();
	}else{
		oForm.submit();
	}
}

function submitAppointment(p_sForm){
	oForm = document.forms[p_sForm];

	var sDayPart = "f_daypart[]";
	var bChecked = false;
	var bCheckedLunch = false;
	for(var i = 0; i < oForm[sDayPart].length && !bChecked; i++){
		if(oForm[sDayPart][i].value != 2){
			bChecked = oForm[sDayPart][i].checked;
		}else if(oForm[sDayPart][i].value == 2){
			bCheckedLunch = oForm[sDayPart][i].checked;
		}
	}

	if(!bChecked && bCheckedLunch){
		alert("Lunch alleen beschikbaar icm een dagdeel.");
	}else if(!bChecked){
		alert("Dagdeel kiezen aub.");
	}else{
		var bChecked = false;
		for(var i = 0; i < oForm.f_gender.length && !bChecked; i++){
			bChecked = oForm.f_gender[i].checked;
		}

		if(!bChecked){
			alert("Aanhef kiezen aub.");
		}else	if(oForm.f_firstname.value == ""){
			alert("Voornaam invullen aub.");
			oForm.f_firstname.focus();
		}else if(oForm.f_lastname.value == ""){
			alert("Achternaam invullen aub.");
			oForm.f_lastname.focus();
		}else if(oForm.f_city.value == ""){
			alert("Sessie locatie invullen aub.");
			oForm.f_city.focus();
		}else if(oForm.f_phone.value == ""){
			alert("Telefoon invullen aub.");
			oForm.f_phone.focus();
		}else if(oForm.f_email.value == ""){
			alert("E-mail invullen aub.");
			oForm.f_email.focus();
		}else if(oForm.f_company.value == ""){
			alert("Bedrijf invullen aub.");
			oForm.f_company.focus();
		}else{
			oForm.submit();
		}
	}
}