// JavaScript Document
//送信ボタン受信処理:prototype.js
Event.observe( window, 'load', formDataConfirm );
Event.observe( window, 'load', formDataClear );
Event.observe( window, 'load', formDataTurn );
Event.observe( window, 'load', formDataSend );

//確認
function formDataConfirm() {
	Event.observe (
		'mailConfirm',
		'click',
//
		function() {
			var result=true;
			document.getElementById('mailResult').innerHTML="";
			document.getElementById('mailName').style.backgroundColor='#ffffff';
			document.getElementById('mailFrom').style.backgroundColor='#ffffff';
			document.getElementById('mailSubject').style.backgroundColor='#ffffff';
			document.getElementById('mailMessage').style.backgroundColor='#ffffff';
//			
			if (!document.getElementById('mailName').value.length>0) {
				document.getElementById('mailName').style.backgroundColor='#ff6688';
				result=false;
			}
//			
			var str = document.getElementById('mailFrom').value;
		    if(!str.match(/[!#-9A-~]+@[a-z0-9]+\.+[a-z0-9]+/i)){
				document.getElementById('mailFrom').style.backgroundColor='#ff6688';
				result=false;
			}
//
			if (!document.getElementById('mailSubject').value.length>0) {
				document.getElementById('mailSubject').style.backgroundColor='#ff6688';
				result=false;
			}
//
			if (!document.getElementById('mailMessage').value.length>0) {
				document.getElementById('mailMessage').style.backgroundColor='#ff6688';
				result=false;
			}
//
			if (result==true) {
				document.getElementById('mail02').style.display="block";
				document.getElementById('mail01').style.display="none";
				document.getElementById('confirmName').innerHTML=document.getElementById('mailName').value;
				document.getElementById('confirmFrom').innerHTML=document.getElementById('mailFrom').value;
				document.getElementById('confirmSubject').innerHTML=document.getElementById('mailSubject').value;
				document.getElementById('confirmMessage').innerHTML=document.getElementById('mailMessage').value;
			}else{
			document.getElementById('mailResult').innerHTML="入力内容を確認して下さい。";
			}
		}
	);
}

//クリア
function formDataClear() {
	Event.observe (
		'mailClear',
		'click',
//
		function() {
			document.getElementById('mailResult').innerHTML="";
			document.getElementById('mailName').value="";
			document.getElementById('mailName').style.backgroundColor='#ffffff';
			document.getElementById('mailFrom').value="";
			document.getElementById('mailFrom').style.backgroundColor='#ffffff';
			document.getElementById('mailSubject').value="";
			document.getElementById('mailSubject').style.backgroundColor='#ffffff';
			document.getElementById('mailMessage').value="";
			document.getElementById('mailMessage').style.backgroundColor='#ffffff';
		}
	);
}

//戻る
function formDataTurn() {
	Event.observe (
		'mailTuen',
		'click',
//
		function() {
			document.getElementById('mail01').style.display="block";
			document.getElementById('mail02').style.display="none";
		}
	);
}

//メール送信
function formDataSend() {
	Event.observe (
		'mailSend',
		'click',
//
		function() {
			new Ajax.Request(
				'../page/mailsend.php',
				{
					method		:	'post',
					parameters	:	Form.serialize( 'mailForm' ),
					onComplete	:	function ( httpObj ){
//						$('mailResult').innerHTML = httpObj.responseText;
						document.getElementById('mailResult').innerHTML = httpObj.responseText;
					}
				}
			);
//入力エリアリセット
			document.getElementById('confirmName').innerHTML="";
			document.getElementById('confirmFrom').innerHTML="";
			document.getElementById('confirmSubject').innerHTML="";
			document.getElementById('confirmMessage').innerHTML="";
			document.getElementById('mailName').value="";
			document.getElementById('mailFrom').value="";
			document.getElementById('mailSubject').value="";
			document.getElementById('mailMessage').value="";
			document.getElementById('mail01').style.display="block";
			document.getElementById('mail02').style.display="none";
		}
	);
}