$(function(){
	//入力チェック
	$("#checkMode").validate();
	
	//selectタグ選択による操作
	$('select#people').change(function(){
		var num = "";
		$("select#people option:selected").each(function () {
								num += $(this).text();
		});
		
		var numTemp = 1;
		var n = $('div#companion').children("div.compaBox01").size();
		numTemp = ($('input#compaNum').attr('value'))-n;
		
		//同伴者用フォームの追加
		//参加が1人なら同伴者用フォームは表示しない
		if(num == 1) {
			$('div#companion').empty();
			$('div.compaBox01').remove();
			$('span#compaNotes').html('');		
		} else {			
			var formHtml = "";
			for(i=numTemp; i<num; i++) {
				formHtml += addForm(i);
			}
			$('div#companion').html(formHtml);
			$('span#compaNotes').html('<a href="#companion">お連れ様 全員の情報も入力してください。</a>');		
		}
		
			$('input#compaNum').attr('value',num);

		//スクロール
		$('span#compaNotes a').click(function(){
			$('#companion').ScrollTo(500, 'easeout');
			return false;
		});
		return false;
	});
});


//function ------------------------------------------------


//同伴者フォームHTML
function addForm(inum) {
text = '<div class="compaBox01"><h4>お連れ様の情報 '+inum+'</h4><table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><th scope="row"><label for="name'+inum+'">お名前</label></th><td><input type="text" name="name'+inum+'" id="name'+inum+'" class="bload01" /></td></tr><tr><th scope="row"><label for="age'+inum+'">年齢</label><strong>＊</strong></th><td><div class="formItem"><select name="age'+inum+'" id="age'+inum+'" class="required"><option value="" selected="selected">選択してください</option><option value="ag1">～19歳</option><option value="ag2">20～25歳</option><option value="ag3">26～30歳</option><option value="ag4">31～35歳</option><option value="ag5">36～40歳</option><option value="ag6">41～45歳</option><option value="ag7">46～50歳</option><option value="ag8">51～55歳</option><option value="ag9">56～60歳</option><option value="ag10">61歳～</option></select></div></td></tr><tr><th scope="row"><label for="job'+inum+'">ご職業</label></th><td><select name="job'+inum+'" id="job'+inum+'"><option value="" selected="selected">選択してください</option><option value="jb1">会社員</option><option value="jb2">公務員</option><option value="jb3">教員</option><option value="jb4">アルバイト・パート</option><option value="jb5">自営業</option><option value="jb6">主婦</option><option value="jb7">大学生・院生</option><option value="jb8">専門学校生</option><option value="jb9">高校生</option><option value="jb10">中学生</option><option value="jb11">小学生</option><option value="jb12">その他</option></select></td></tr><tr><th scope="row"><label for="mail'+inum+'">メールアドレス</label><strong>＊</strong></th><td><div class="formItem"><input type="text" name="mail'+inum+'" id="mail'+inum+'" class="bload01 required email" /></div></td></tr><tr><th scope="row"><label for="tel'+inum+'">電話番号</label><strong>＊</strong></th><td><div class="formItem"><input type="text" cols="cols" name="tel'+inum+'" id="tel'+inum+'" class="bload01 required" /></div></td></tr><tr><th scope="row"><label for="address'+inum+'">住所</label></th><td><input type="text" name="address'+inum+'" id="address'+inum+'" class="bload01" />　会社名・マンション名までお願いいたします。</td></tr><tr><th scope="row"><label for="note'+inum+'">備考</label><br />（例：お酒が飲めない、蕎麦アレルギー体質など）</th><td><textarea name="note'+inum+'" id="note'+inum+'" cols="40" rows="10" class="bload02"></textarea></td></tr><tr><th scope="row"><label for="opportunity'+inum+'">応募のきっかけ</label></th><td><textarea name="opportunity'+inum+'" id="opportunity'+inum+'" cols="40" rows="10" class="bload02"></textarea></td></tr><tr><th scope="row"><label for="sex'+inum+'">性別</label>（公開）<strong>＊</strong></th><td><div class="formItem"><input type="radio" name="sex'+inum+'" id="sex'+inum+'" value="male" class="required" />男<input type="radio" name="sex'+inum+'" id="sex'+inum+'" value="female" class="required" />女</div></td></tr><tr><th scope="row"><label for="mmreg_check'+inum+'">メールマガジン登録</label></th><td><div class="formItem"><input name="mmreg_check'+inum+'" type="checkbox" id="mmreg_check'+inum+'" value="メールマガジンに登録する" />登録する</div></td></tr></table></div>';
return text;
}