Index = Class.create();

Index.OnLoad = function()
{
	$('確認').disable();

	var Check = function(){
		var flag = true;
		var param = $('form').serialize().toQueryParams();
		var Set = function(obj,b){
			if (b){
				obj.addClassName('ok').removeClassName('ng').update('OK!');
			} else {
				obj.addClassName('ng').removeClassName('ok').update('(必須)');
			}
			return b;
		}
		flag = Set($('checkタイプ'),param['タイプ']) && flag;
		flag = Set($('check名前'),param['名前']) && flag;
		flag = Set($('checkふりがな'),param['ふりがな']) && flag;
		flag = Set($('check郵便番号'),param['郵便番号1'] && param['郵便番号2']) && flag;
		flag = Set($('check都道府県'),param['都道府県']) && flag;
		flag = Set($('check市町村'),param['市町村']) && flag;
		flag = Set($('check自宅電話'),param['自宅電話']) && flag;
		flag = Set($('checkメール'),param['メール']) && flag;
		flag = Set($('check希望日'),param['開始年'] && param['開始月'] && param['開始日'] &&
			param['終了年'] && param['終了月'] && param['終了日'] &&
			param['泊'] && param['大人'] && param['子供']) && flag;
		flag = Set($('checkヴィラタイプ'),param['ヴィラタイプ'] && param['棟']) && flag;
		flag = Set($('check連絡先'),param['連絡先']) && flag;

		$('確認')[flag ? 'enable' : 'disable']();
	}
	$('form').onblur = Check;

	$$("#form input[type='radio']").each(function(node){
		node.onclick = Check;
	});
	$$("#form input[type='text']").each(function(node){
		node.onblur = Check;
	});
	$$("#form select").each(function(node){
		node.onchange = Check;
	});

	Check();

	$('確認').onclick = function(){
		var param = $('form').serialize().toQueryParams();
		for (var i in param){
			$('copy' + i).update(param[i]);
		}
		$('form').hide();
		$('check').show();
		$('wrapper').scrollTo();
	}
	$('リセット').onclick = function(){
		$('form').reset();
		Check();
	}

	$('登録').onclick = function(){
		$('登録').disable();
		new Ajax.Request(
		'Ajax.php',
		{
			method: 'POST',
			parameters: 'command=KraChaai.Reserve&' + $('form').serialize(),
			onComplete: function(request){
				$('check').hide();
				$('execute').show();
				$('wrapper').scrollTo();
			}
		});
	}
/*
	$('戻る').onclick = function(){
		$('form').show();
		$('check').hide();
		$('wrapper').scrollTo();
	}
*/
}