﻿// JavaScript Document
var resizeFlag = 0;
function contactOnLoad(){
	var list = new Array();
	var n = 0;
	var m = 0;
	var inCheckInput = document.getElementById("checkArea").getElementsByTagName("input");
	var inCheckTextarea = document.getElementById("checkArea").getElementsByTagName("textarea");
	var inCheckLength = inCheckInput.length + inCheckTextarea.length;
	
	if($("title").value == "リンクについて") $("body").value = "リンク情報\n\n1. WEBサイトタイトル：\n2. トップページURL：\n3. サイト概要：";
	else $("body").value = "";
	
	//必須項目数のチェック
	for(var i = 0; i < inCheckLength; i++){
		if(inCheckInput[i]){
			if(inCheckInput[i].className == "inCheck"){
				list[n] = inCheckInput[i].id;
				n++;
			}
		}
		if(inCheckTextarea[i]){
			if(inCheckTextarea[i].className == "inCheck"){
				list[n] = inCheckTextarea[i].id;
				n++;
			}
		}
	}
	Event.observe($("title"), "change", selectChange, false);		//select要素のid="title"が変わった場合、selectChange()を実行
	getInputList(list);		//form_check.jsのgetInputList()に送る
}

function selectChange(e){
	var Element = Event.element(e);
	if(Element.value == "リンクについて") $("body").value = "リンク情報\n\n1. WEBサイトタイトル：\n2. トップページURL：\n3. サイト概要：";
	else $("body").value = "";
}

//form_check.jsから返されるエラー文の出力をする
function checkInput(e){
	try{
		var Element = Event.element(e);
		var id = Element.id;
		var flag = 0;
	}catch(error){
		var id = e;
		var flag = 1;
	}
	var returnFlag;
	var createFont =  document.createElement("font");
	var targetElement = $(id);
	var str = $F(id);

	switch(id){
		case "check" : 
			delError('agree');
			returnFlag = checkAgree(id);
			createFont.className = "agreeFalseMsg";
			
			if(returnFlag == 1){
				checkedFlag = 0;
				createFont.innerHTML = '&nbsp;同意のチェックをお願いします。';
				new Insertion.After($("checktext"), createFont);
			}else{
				checkedFlag = 1;
			}
			break;
			
		case "email" :
			delError('email');	
			returnFlag = checkMail(id);
			createFont.className = "emailFalseMsg";
			
			if(returnFlag == 2){
				createFont.innerHTML = '&nbsp;半角英数字で入力してください。';
				new Insertion.After(targetElement, createFont);
			}else if(returnFlag == 1){
				createFont.innerHTML = '&nbsp;正しいメールアドレスを入力してください。';
				new Insertion.After(targetElement, createFont);
			}
			break;
			
		case "nickname" :
			delError('nickname');
			returnFlag = checkDefault(id);
			createFont.className = "nicknameFalseMsg";
			
			if(returnFlag == 1){
				createFont.innerHTML = '&nbsp;入力してください。';
				new Insertion.After(targetElement, createFont);
			}
			break;
						
		case "body" :
			delError('body');
			returnFlag = checkDefault(id);
			createFont.className = "bodyFalseMsg";
			
			if(returnFlag){
				createFont.innerHTML = '<br />入力してください。';
				new Insertion.After(targetElement, createFont);
			}
			break;
	}
}

//エラー文がない時に「確認」ボタンを押した時に動作
function returnAction(){
	Event.stopObserving($("send"), "click", returnAction, false);
	var checkArea = $("checkArea");
	formCheck();		//form_check.js内　フォームを隠しvalueのみを表示する
	$("exemptionMatter").style.display = "none";
	$("btnCheck").style.display = "none";
	
	var title = checkArea.getElementsByTagName("h3")[0].firstChild;
	title.src = "/images/contact/ttl_contact_check.gif";
	var chengeSendImg = document.createElement("img");
	chengeSendImg.id = "btnSend";
	chengeSendImg.className = "over";
	chengeSendImg.src = "/images/button/btn_register_send.gif";
	var createReturn = document.createElement("a");
	createReturn.id = "back";
	createReturn.href = "#";
	createReturnImg = document.createElement("img");
	createReturnImg.className = "over";
	createReturnImg.src = "/images/button/btn_register_return.gif";
	createReturn.appendChild(createReturnImg);
	new Insertion.Before($("btnCheck"), chengeSendImg);
	new Insertion.Top($("btnArea"), createReturn);
	rollover();		//確認画面のボタンロールオーバーを適用
	Event.observe($("send"), "click", sendForm, false);
	Event.observe($("back"), "click", returnForm, false); //form_check.js内のreturnForm()
}

//form_check.js内のreturnForm()からそれぞれの確認画面前に戻す
function returnBeforeForm(){
	var checkArea = $("checkArea");
	Event.stopObserving($("send"), "click", sendForm, false);
	Event.stopObserving($("send"), "click", returnAction, false);
	Event.stopObserving($("back"), "click", returnForm, false);
	Event.observe($("send"), "click", checkSubmit, false);
	$("exemptionMatter").style.display = "block";
	$("btnCheck").style.display = "inline";
	var spanTag = checkArea.getElementsByTagName("span");
	for(var i = 0; i < spanTag.length; i++){
		spanTag[i].style.display = "inline";
	}
	var title = checkArea.getElementsByTagName("h3")[0].firstChild;
	title.src = "/images/contact/ttl_contact.gif";
	Element.remove("btnSend");
	Element.remove("back");
	//Element.remove("sexFlag");
	rollover();
}

//確認画面後のformデータのsubmitを行う
function sendForm(){
	if($("ticketCheckId")){
		var createTicketInput = document.createElement("input");
		createTicketInput.name = "ticket";
		createTicketInput.type = "hidden";
		createTicketInput.value = $("ticketCheckId").value;
		new Insertion.Bottom('checkArea', createTicketInput);
	}
	$("checkArea").onsubmit = function(){
		return true
	}
	$('checkArea').submit();
}

Event.observe(window, "load", contactOnLoad, false);
