/* メールフォーム処理  mail.js  Ver.1.0  by クリエーションオフィス春夏秋冬 */
/*
	2010.02.20	Ver.1.0		新規

*/

// 送信先パス
var DEST = '../wpsys/wp-content/themes/dknet/mail/formmail.php';

// イベントリスナ
function setListener(observer, eventType, callFunc) {
	
	// IE
	if(observer.attachEvent) {
		observer.attachEvent('on' + eventType, callFunc);
	}
	// Mozilla 等
	else if(observer.addEventListener) {
		observer.addEventListener(eventType, callFunc, false);
	}
	else {
		alert('申し訳ございません。このフォームは、お使いのブラウザに対応しておりません。');
		return false;
	}
}

// フォームのセット
function setForm() {

	var TXT = '<p>お問い合わせは下記フォームに必要事項をご入力の上、送信してください。<br />追って担当者よりご連絡差し上げます。(*) 印の項目は入力必須となっております。</p>'

	var FORM = '<table>';
	FORM += '<tr><th>お問い合わせの種類 <span class="must">(*)</span></th><td><input id="ck-info" type="checkbox" /> 商品・工事についての説明が聞きたい<br /><input id="ck-estimate" type="checkbox" /> 見積をしてほしい<br /><input id="ck-shiryo" type="checkbox" /> 資料を送ってほしい<br /><input id="ck-other" type="checkbox" /> その他</td></tr>';
	FORM += '<tr><th>会社名 <span class="must">(*)</span></th><td><input type="text" id="f-company" name="f-company" /></td></tr>';
	FORM += '<tr><th>お名前 <span class="must">(*)</span></th><td><input type="text" id="f-name" name="f-name" /></td></tr>';
	FORM += '<tr><th>E-mail <span class="must">(*)</span></th><td><input style="width:250px" type="text" id="f-email" name="f-email" /> （半角文字）</td></tr>';
	FORM += '<tr><th>ご住所<br />（資料請求の場合）</th><td>〒 <input type="text" id="f-post1" name="f-post1" />-<input type="text" id="f-post2" name="f-post2" /><br /><input type="text" id="f-address" name="f-address" /></td></tr>';
	FORM += '<tr><th>携帯電話番号 <span class="must">(*)</span></th><td><input type="text" id="f-telno" name="f-telno" /><p class="note">会社への電話を希望される方は、当該の番号を入力して下さい。</p></td></tr>';
	FORM += '<tr><th>お問い合わせ内容 <span class="must">(*)</span></th><td><textarea id="f-message" name="f-message"></textarea></td></tr>';
	FORM += '</table>';
	
	var OTHER = '<p id="f-status"></p><input type="button" id="f-submit" name="f-submit" value="送信" />';

	var HTML = TXT + FORM + OTHER;
	document.getElementById('c-form').innerHTML = HTML;

	var observer = document.getElementById('f-submit');
	setListener(observer, 'click', sendData);
}

// リクエストオブジェクトの生成
function getReqObj() {
 	
	var reqObj;
	
	if(window.XMLHttpRequest) {
		try {
			reqObj = new XMLHttpRequest();
		} catch (e) {
			reqObj = false;
		}
	}
	else if(window.ActiveXObject){
		try {
		  reqObj = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e){
			try {
				reqObj = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e){
				reqObj = false;
			}
		}
	}
	return reqObj;
}

// 送信　（同期）
function sendData() {

	INFO = document.getElementById('ck-info').checked;
	ESTIMATE = document.getElementById('ck-estimate').checked;
	SHIRYO = document.getElementById('ck-shiryo').checked;
	OTHER = document.getElementById('ck-other').checked;

	COM = document.getElementById('f-company').value;
	NAME = document.getElementById('f-name').value;
	EMAIL = document.getElementById('f-email').value;
	POST1 = document.getElementById('f-post1').value;
	POST2 = document.getElementById('f-post2').value;
	ADDRESS = document.getElementById('f-address').value;
	TELNO = document.getElementById('f-telno').value;
	MESS = document.getElementById('f-message').value;

	var reqObj = getReqObj();
	reqObj.open('post', DEST, false);
	reqObj.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');	
	reqObj.send('info='+INFO+'&estimate='+ESTIMATE+'&shiryo='+SHIRYO+'&other='+OTHER+'&f-company='+COM+'&f-name='+NAME+'&f-email='+EMAIL+'&f-post1='+POST1+'&f-post2='+POST2+'&f-address='+ADDRESS+'&f-telno='+TELNO+'&f-message='+MESS);

	var RST = reqObj.responseText;

	if(RST == 'complete') {
		dispComp();
	}
	else if(RST == 'failure') {
		dispFail();
	}
	else {
		document.getElementById('f-status').innerHTML = RST;
	}
}

function dispComp() {

	var STATUS = '<p class="thanks">送信完了しました。</p><p>お問い合わせありがとうございます。<br />追ってご連絡を差し上げますのでしばらくお待ちください。</p>';
	document.getElementById('c-all').innerHTML = STATUS;
}

function dispFail() {

	var STATUS = '<p class="sorry">送信に失敗しました。システムエラーです。</p><p>誠に恐れ入りますがTEL等でご連絡ください。</p>';
	document.getElementById('c-all').innerHTML = STATUS;
}