Event.observe(window, "load", function() {
	var inputs = document.getElementsByTagName("input");
	var elementKibou = Array();
	var i = 0,j = 0;
	while (i < inputs.length) {
		if (inputs[i].name.match("saitan")) {
			var elementSaitan = inputs[i];
		}
		if (inputs[i].name.match("kibou")) {
			elementKibou[j] = inputs[i];
			j++;
		}
		
		i++;
	}

	elementSaitan.onclick = function() {
		disabledInput();
	}

	elementKibou[0].onclick = function() {
		disabledInput();
	}
	elementKibou[1].onclick = function() {
		disabledInput();
	}
	document.forms[1].onsubmit = function() {
		return validator(this);	
	}

	disabledInput();	
	errorMessage();
}
,false);

function errorMessage()
{
	var elem1, elem2;
	if (elem1 = document.getElementById("error")) {
		if (elem1.innerHTML.length) {
			if (elem2 = document.getElementById("validate_error")) {
				elem2.innerHTML = elem1.innerHTML;
				elem2.style.display = "block"
				elem1.style.display = "none";
			}
		}
	}
}

function disabledInput()
{
	var inputs = document.getElementsByTagName("input");
	var elementKibou = Array();
	var i = 0,j = 0;
	while (i < inputs.length) {
		if (inputs[i].name == "year") {
			var elementYear = inputs[i];
		} else if (inputs[i].name == "month") {
			var elementMonth = inputs[i];
		} else if (inputs[i].name == "day") {
			var elementDay = inputs[i];
		} else if (inputs[i].name == "tel1") {
			var elementTel1 = inputs[i];
		} else if (inputs[i].name == "tel2") {
			var elementTel2 = inputs[i];
		} else if (inputs[i].name == "tel3") {
			var elementTel3 = inputs[i];
		} else if (inputs[i].name == "mail") {
			var elementMail = inputs[i];
		} else if (inputs[i].name.match("saitan")) {
			var elementSaitan = inputs[i];
		} else if (inputs[i].name.match("kibou")) {
			elementKibou[j] = inputs[i];
			j++;
		}
		i++;
	}

	var disabled = elementSaitan.checked ? true : false;
	var bgcolor = elementSaitan.checked ? "#dddddd" : "#ffffff";

	elementYear.disabled = disabled;
	elementMonth.disabled = disabled;
	elementDay.disabled = disabled;

	elementYear.style.backgroundColor = bgcolor;
	elementMonth.style.backgroundColor = bgcolor;
	elementDay.style.backgroundColor = bgcolor;

	var disabled1 = disabled2 = true; 
	var bgcolor1 = bgcolor2 = "#DDDDDD"; 
	if (elementKibou[0].checked) {
		disabled1 = false;
		bgcolor1 = "#ffffff";	
	}

	if (elementKibou[1].checked){
		disabled2 = false;
		bgcolor2 = "#ffffff";
	}
	
	elementTel1.disabled = disabled1;
	elementTel2.disabled = disabled1;
	elementTel3.disabled = disabled1;
	elementMail.disabled = disabled2;

	elementTel1.style.backgroundColor = bgcolor1;
	elementTel2.style.backgroundColor = bgcolor1;
	elementTel3.style.backgroundColor = bgcolor1;
	elementMail.style.backgroundColor = bgcolor2;

}

function validator(form)
{
	var inputs = document.getElementsByTagName("input");
	var elementKibou = Array();
	var i = 0,j = 0;
	while (i < inputs.length) {
		if (inputs[i].name == "year") {
			var elementYear = inputs[i];
		} else if (inputs[i].name == "month") {
			var elementMonth = inputs[i];
		} else if (inputs[i].name == "day") {
			var elementDay = inputs[i];
		} else if (inputs[i].name == "tel1") {
			var elementTel1 = inputs[i];
		} else if (inputs[i].name == "tel2") {
			var elementTel2 = inputs[i];
		} else if (inputs[i].name == "tel3") {
			var elementTel3 = inputs[i];
		} else if (inputs[i].name == "mail") {
			var elementMail = inputs[i];
		} else if (inputs[i].name.match("saitan")) {
			var elementSaitan = inputs[i];
		} else if (inputs[i].name.match("kibou")) {
			elementKibou[j] = inputs[i];
			j++;
		}
		i++;
	}
	

	if (elementKibou[0].checked) {
		if (!elementTel1.value || !elementTel2.value || !elementTel3.value) {
			alert("電話番号を入力してください。");
			return false;
		}
	} else if (elementKibou[1].checked) {
		if (!elementMail.value) {
			alert("メールアドレスを入力してください。");
			return false;
		}
	}
	
	return true;
}

