﻿var ErrorMsg = "<strong>※この項目を入力してください</strong>";

var ErrorMsg_CheckBox = "<strong>※内容を確認の上でチェックをOnにして下さい。</strong>";

var ErrorMsg_MailCompare = "<strong>※メールアドレスと確認メールアドレスが一致しません</strong>";

var ErrorMsg_MailValid = "<strong>※メールアドレスの形式が間違っています</strong>";

var ErrorMsg_URLValid = "<strong>※URLの形式が間違っています</strong>";

var ErrorMsg_PhoneValid = "<strong>※電話番号の形式が間違っています</strong>";

var ErrorMsg_ZipValid = "<strong>※郵便番号の形式が間違っています</strong>";


var ErrorCSS = "form_error_css";
var ValidCSS = "form_valid_css";

var ShowCSS = "form_show_normal";
var HiddenCSS = "form_show_hidden";

var HiddenAttentionCSS = "form_attention_hidden";
var ShowAttentionCSS = "form_attention_show";

var BoldFontCSS = "flow_bold_on";
var NormalFontCSS = "flow_bold_off";

function check_form()
{
	var ClearFlag	= true;
	var FormObj		= document.getElementById("inquiry_form");

	// 問い合わせ内容
	InputValue	= FormObj.inquiry.value;
	InputDiv    = document.getElementById("inquiry_input");
	PreviewDiv	= document.getElementById("inquiry_preview");
	if( InputValue != "" ){
		InputDiv.className		= ShowCSS;
		PreviewDiv.className	= HiddenCSS;
	}
	else
	{
		PreviewDiv.className	= ErrorCSS;
		PreviewDiv.innerHTML	= ErrorMsg;

		ClearFlag = false;
	}

	// お名前	
	InputValue	= FormObj.name.value;
	InputDiv    = document.getElementById("name_input");
	PreviewDiv	= document.getElementById("name_preview");

	if( InputValue != "" )
	{
		InputDiv.className		= ShowCSS;
		PreviewDiv.className	= HiddenCSS;
	}
	else
	{
		PreviewDiv.className	= ErrorCSS;
		PreviewDiv.innerHTML	= ErrorMsg;

		ClearFlag = false;
	}

	// ご住所
	InputValue	= FormObj.address.value;
	InputDiv    = document.getElementById("address_input");
	PreviewDiv	= document.getElementById("address_preview");
	if( InputValue != "" ){
		InputDiv.className		= ShowCSS;
		PreviewDiv.className	= HiddenCSS;
	}
	else
	{
		PreviewDiv.className	= ErrorCSS;
		PreviewDiv.innerHTML	= ErrorMsg;

		ClearFlag = false;
	}
	// 都道府県
	InputValue	= FormObj.pref.value;
	InputDiv    = document.getElementById("pref_input");
	PreviewDiv	= document.getElementById("pref_preview");
	if( InputValue != "" ){
		InputDiv.className		= ShowCSS;
		PreviewDiv.className	= HiddenCSS;
	}
	else
	{
		PreviewDiv.className	= ErrorCSS;
		PreviewDiv.innerHTML	= ErrorMsg;

		ClearFlag = false;
	}

	// ご連絡先電話番号
	InputValue	= get_phone();
	InputDiv    = document.getElementById("phone_input");
	PreviewDiv	= document.getElementById("phone_preview");

	if( InputValue != "" )
	{
		InputDiv.className		= ShowCSS;
		PreviewDiv.className	= HiddenCSS;

		FormObj.phone1.value	= replace_number(FormObj.phone1.value);
		FormObj.phone2.value	= replace_number(FormObj.phone2.value);
		FormObj.phone3.value	= replace_number(FormObj.phone3.value);
	}
	else
	{
		PreviewDiv.className	= ErrorCSS;
		PreviewDiv.innerHTML	= ErrorMsg;

		ClearFlag = false;
	}

	// メールアドレス
	InputValue	= FormObj.mail_from.value;
	InputDiv	= document.getElementById("mail_from_input");
	PreviewDiv	= document.getElementById("mail_from_preview");

	if( InputValue != "" )
	{
		if( InputValue.match(/^[0-9,A-Z,a-z][0-9,a-z,A-Z,_,\.,-]+@[0-9,A-Z,a-z][0-9,a-z,A-Z,_,\.,-]+\.(af|al|dz|as|ad|ao|ai|aq|ag|ar|am|aw|ac|au|at|az|bh|bd|bb|by|bj|bm|bt|bo|ba|bw|br|io|bn|bg|bf|bi|kh|cm|ca|cv|cf|td|gg|je|cl|cn|cx|cc|co|km|cg|cd|ck|cr|ci|hr|cu|cy|cz|dk|dj|dm|do|tp|ec|eg|sv|gq|er|ee|et|fk|fo|fj|fi|fr|gf|pf|tf|fx|ga|gm|ge|de|gh|gi|gd|gp|gu|gt|gn|gw|gy|ht|hm|hn|hk|hu|is|in|id|ir|iq|ie|im|il|it|jm|jo|kz|ke|ki|kp|kr|kw|kg|la|lv|lb|ls|lr|ly|li|lt|lu|mo|mk|mg|mw|my|mv|ml|mt|mh|mq|mr|mu|yt|mx|fm|md|mc|mn|ms|ma|mz|mm|na|nr|np|nl|an|nc|nz|ni|ne|ng|nu|nf|mp|no|om|pk|pw|pa|pg|py|pe|ph|pn|pl|pt|pr|qa|re|ro|ru|rw|kn|lc|vc|ws|sm|st|sa|sn|sc|sl|sg|sk|si|sb|so|za|gs|es|lk|sh|pm|sd|sr|sj|sz|se|ch|sy|tw|tj|tz|th|bs|ky|tg|tk|to|tt|tn|tr|tm|tc|tv|ug|ua|ae|uk|us|um|uy|uz|vu|va|ve|vn|vg|vi|wf|eh|ye|yu|zm|zw|com|net|org|gov|edu|int|mil|biz|info|name|pro|jp)$/i) )
		{
			InputDiv.className		= ShowCSS;
			PreviewDiv.className	= HiddenCSS;
		}
		else
		{
			PreviewDiv.className	= ErrorCSS;
			PreviewDiv.innerHTML	= ErrorMsg_MailValid;

			ClearFlag = false;
		}
	}
	else
	{
		PreviewDiv.className	= ErrorCSS;
		PreviewDiv.innerHTML	= ErrorMsg;

		ClearFlag = false;
	}

	// ご連絡方法
	InputValue	= FormObj.connection_method.value;
	InputDiv    = document.getElementById("connection_method_input");
	PreviewDiv	= document.getElementById("connection_method_preview");
	if( FormObj.connection_method_email.checked || FormObj.connection_method_phone.checked )
	{
		InputDiv.className		= ShowCSS;
		PreviewDiv.className	= HiddenCSS;
	}
	else
	{
		PreviewDiv.className	= ErrorCSS;
		PreviewDiv.innerHTML	= ErrorMsg;

		ClearFlag = false;
	}

	// 最終的な評価の元・入力フォームから確認フォームに変形
	var AttentionDiv = document.getElementById("form_attention");
	AttentionDiv.className = ShowAttentionCSS;

	if( ClearFlag )
	{
		document.getElementById("flow_first").className = NormalFontCSS;
		document.getElementById("flow_second").className = BoldFontCSS;

		if( document.getElementById("button_confirm") != null )	{	document.getElementById("button_confirm").style.display	= "none";	}
		if( document.getElementById("button_reset") != null )	{	document.getElementById("button_reset").style.display	= "none";	}
		if( document.getElementById("button_send") != null )	{	document.getElementById("button_send").style.display	= "inline";	}
		if( document.getElementById("button_rewrite") != null )	{	document.getElementById("button_rewrite").style.display	= "inline";	}

		AttentionDiv.innerHTML="ご入力いただいた内容をご確認ください。<br />この内容でよろしければ、<br />フォームの下にある「メール送信」ボタンを押してください。";

		// フォームを確認モードにする
		fix_form();
	}
	else
	{
		AttentionDiv.innerHTML="入力内容に不備があります。<br />表示内容を確認し修正してください。";
	}
	
	// フォームの一番上まで移動
	Element.scrollTo( AttentionDiv ); 
}


function fix_form()
{
	var FormObj		= document.getElementById("inquiry_form");

	// お問い合わせ内容
	InputValue	= FormObj.inquiry.value;
	InputDiv    = document.getElementById("inquiry_input");
	PreviewDiv	= document.getElementById("inquiry_preview");

	InputDiv.className		= HiddenCSS;
	PreviewDiv.className	= ShowCSS;
	PreviewDiv.innerHTML	= (InputValue=="")?"　":InputValue;

	// お名前	
	InputValue	= FormObj.name.value;
	InputDiv    = document.getElementById("name_input");
	PreviewDiv	= document.getElementById("name_preview");

	InputDiv.className		= HiddenCSS;
	PreviewDiv.className	= ShowCSS;
	PreviewDiv.innerHTML	= (InputValue=="")?"　":InputValue;

	// 都道府県
	InputValue	= FormObj.pref.value;
	InputDiv    = document.getElementById("pref_input");
	PreviewDiv	= document.getElementById("pref_preview");

	InputDiv.className		= HiddenCSS;
	PreviewDiv.className	= ShowCSS;
	PreviewDiv.innerHTML	= (InputValue=="")?"　":InputValue;

	// ご住所
	InputValue	= FormObj.address.value;
	InputDiv    = document.getElementById("address_input");
	PreviewDiv	= document.getElementById("address_preview");

	InputDiv.className		= HiddenCSS;
	PreviewDiv.className	= ShowCSS;
	PreviewDiv.innerHTML	= (InputValue=="")?"　":InputValue;

	// 電話番号
	InputValue	= get_phone();
	InputDiv    = document.getElementById("phone_input");
	PreviewDiv	= document.getElementById("phone_preview");

	InputDiv.className		= HiddenCSS;
	PreviewDiv.className	= ShowCSS;
	PreviewDiv.innerHTML	= (InputValue=="")?"　":InputValue;

	// メールアドレス
	InputValue	= FormObj.mail_from.value;
	InputDiv	= document.getElementById("mail_from_input");
	PreviewDiv	= document.getElementById("mail_from_preview");

	InputDiv.className		= HiddenCSS;
	PreviewDiv.className	= ShowCSS;
	PreviewDiv.innerHTML	= (InputValue=="")?"　":InputValue;

	// ご連絡方法
	InputValue	= FormObj.connection_method.value;
	InputDiv    = document.getElementById("connection_method_input");
	PreviewDiv	= document.getElementById("connection_method_preview");

	InputDiv.className		= HiddenCSS;
	PreviewDiv.className	= ShowCSS;

	if( FormObj.connection_method_phone.checked )
	{
		PreviewDiv.innerHTML	= "お電話";
	}
	else if( FormObj.connection_method_email.checked )
	{
		PreviewDiv.innerHTML	= "メール";
	}

	// ホームページを見つけた方法
	InputValue	= FormObj.find_method.value;
	InputDiv    = document.getElementById("find_method_input");
	PreviewDiv	= document.getElementById("find_method_preview");

	InputDiv.className		= HiddenCSS;
	PreviewDiv.className	= ShowCSS;

	if( FormObj.find_method_yahoo.checked )
	{
		PreviewDiv.innerHTML	= "Yahoo";
	}
	else if( FormObj.find_method_google.checked )
	{
		PreviewDiv.innerHTML	= "Google";
	}
	else if( FormObj.find_method_msn.checked )
	{
		PreviewDiv.innerHTML	= "MSN";
	}
	else if( FormObj.find_method_etc.checked )
	{
		PreviewDiv.innerHTML	= "その他";
	}
	else
	{
		PreviewDiv.innerHTML	= "&nbsp;";
	}

	// ホームページを見つけた検索語句
	InputValue	= FormObj.find_word.value;
	InputDiv    = document.getElementById("find_word_input");
	PreviewDiv	= document.getElementById("find_word_preview");

	InputDiv.className		= HiddenCSS;
	PreviewDiv.className	= ShowCSS;
	PreviewDiv.innerHTML	= (InputValue=="")?"　":InputValue;

	// ご質問
	InputValue	= FormObj.mail_message.value;
	InputDiv    = document.getElementById("mail_message_input");
	PreviewDiv	= document.getElementById("mail_message_preview");

	InputDiv.className		= HiddenCSS;
	PreviewDiv.className	= ShowCSS;
	PreviewDiv.innerHTML	= (InputValue=="")?"　":InputValue;
}

function rewrite_form()
{
	var FormObj	= document.getElementById("inquiry_form");

	document.getElementById("flow_first").className = BoldFontCSS;
	document.getElementById("flow_second").className = NormalFontCSS;

	if( document.getElementById("button_confirm") != null )	{	document.getElementById("button_confirm").style.display	= "inline";	}
	if( document.getElementById("button_reset") != null )	{	document.getElementById("button_reset").style.display	= "inline";	}
	if( document.getElementById("button_send") != null )	{	document.getElementById("button_send").style.display	= "none";	}
	if( document.getElementById("button_rewrite") != null )	{	document.getElementById("button_rewrite").style.display	= "none";	}

	// お問い合わせ内容
	InputValue	= FormObj.inquiry.value;
	InputDiv    = document.getElementById("inquiry_input");
	PreviewDiv	= document.getElementById("inquiry_preview");

	InputDiv.className		= ShowCSS;
	PreviewDiv.className	= HiddenCSS;

	// 都道府県
	InputValue	= FormObj.pref.value;
	InputDiv    = document.getElementById("pref_input");
	PreviewDiv	= document.getElementById("pref_preview");

	InputDiv.className		= ShowCSS;
	PreviewDiv.className	= HiddenCSS;

	// 住所
	InputValue	= FormObj.address.value;
	InputDiv    = document.getElementById("address_input");
	PreviewDiv	= document.getElementById("address_preview");

	InputDiv.className		= ShowCSS;
	PreviewDiv.className	= HiddenCSS;

	// お名前
	InputValue	= FormObj.name.value;
	InputDiv    = document.getElementById("name_input");
	PreviewDiv	= document.getElementById("name_preview");

	InputDiv.className		= ShowCSS;
	PreviewDiv.className	= HiddenCSS;
	// 電話番号
	InputValue	= get_phone();
	InputDiv    = document.getElementById("phone_input");
	PreviewDiv	= document.getElementById("phone_preview");

	InputDiv.className		= ShowCSS;
	PreviewDiv.className	= HiddenCSS;

	// メールアドレス
	InputValue	= FormObj.mail_from.value;
	InputDiv	= document.getElementById("mail_from_input");
	PreviewDiv	= document.getElementById("mail_from_preview");

	InputDiv.className		= ShowCSS;
	PreviewDiv.className	= HiddenCSS;

	// ご連絡方法
	InputValue	= FormObj.connection_method.value;
	InputDiv    = document.getElementById("connection_method_input");
	PreviewDiv	= document.getElementById("connection_method_preview");

	InputDiv.className		= ShowCSS;
	PreviewDiv.className	= HiddenCSS;

	// ホームページを見つけた方法
	InputValue	= FormObj.find_method.value;
	InputDiv    = document.getElementById("find_method_input");
	PreviewDiv	= document.getElementById("find_method_preview");

	InputDiv.className		= ShowCSS;
	PreviewDiv.className	= HiddenCSS;

	// ホームページを見つけた検索語句
	InputValue	= FormObj.find_word.value;
	InputDiv    = document.getElementById("find_word_input");
	PreviewDiv	= document.getElementById("find_word_preview");

	InputDiv.className		= ShowCSS;
	PreviewDiv.className	= HiddenCSS;

	// ご質問
	InputValue	= FormObj.mail_message.value;
	InputDiv    = document.getElementById("mail_message_input");
	PreviewDiv	= document.getElementById("mail_message_preview");

	InputDiv.className		= ShowCSS;
	PreviewDiv.className	= HiddenCSS;

	// 入力フォームに戻す
	var AttentionDiv = document.getElementById("form_attention");
	AttentionDiv.className = HiddenCSS;

	// フォームの一番上まで移動
	Element.scrollTo( AttentionDiv );
}

function reset_form()
{
	var FormObj	= document.getElementById("inquiry_form");

	// フォーム内容をリセット
	FormObj.reset();
}

function send_form()
{
	var FormObj = document.getElementById("inquiry_form");

	FormObj.action="inquiry.php"; 
	FormObj.method="post"; 
	FormObj.submit();
}


function get_phone()
{
	var FormObj		= document.getElementById("inquiry_form");

	InputValue	= "";
	sep = "";
	if(FormObj.phone1.value != "")
	{
		InputValue += sep + FormObj.phone1.value;
		sep = "-";
	}
	if(FormObj.phone2.value != "")
	{
		InputValue += sep + FormObj.phone2.value;
		sep = "-";
	}
	if(FormObj.phone3.value != "")
	{
		InputValue += sep + FormObj.phone3.value;
		sep = "-";
	}

	return InputValue;
}


function replace_number(InputValue)
{
	// 全角を半角に変換
	var num_char1 = new Array("０","１","２","３","４","５","６","７","８","９","ー","－");
	var num_char2 = new Array("0","1","2","3","4","5","6","7","8","9","-","-");

	while( InputValue.match(/[０-９ー－]/) )
	{
		for(count = 0; count < num_char1.length; count++)
		{
			InputValue = InputValue.replace(num_char1[count], num_char2[count]);
		}
	}
	return InputValue;
}
