var mail_status = "";
var name_status = "";

function focusForm()
{
	document.postmail.mail.focus();
	document.postmail.mail.select();
}

function submitStop(e,object)
{
	var username = document.postmail.check_name.value;
	if (!e) var e = window.event;
	if(e.keyCode == 13 || e.keyCode == 9)
	{
		if(object == "mail")
		{
			if(!username)
			{
				document.postmail.username.focus();
				document.postmail.username.select();
			}
			else
			{
				document.postmail.body.focus();
				document.postmail.body.select();
			}
		}
		else if(object == "username")
		{
			document.postmail.body.focus();
			document.postmail.body.select();
		}
	return false;
	}
}

function msOver(i)
{
	var BackColor = "#ffffb8";
	var mail = document.postmail.check_mail.value;
	var name = document.postmail.check_name.value;
	
	if (i == "mail")
	{
		if(mail_status == "err")
		{
			BackColor = "#ffaaaa";
		}
		postmail.mail.style.backgroundColor = BackColor;
		postmail.body.style.backgroundColor = "#ffffff";
	}
	if (i == "username")
	{
		if(name_status == "err")
		{
			BackColor = "#ffaaaa";
		}
		postmail.username.style.backgroundColor = BackColor;
		postmail.body.style.backgroundColor = "#ffffff";
	}
	else if (i == "body")
	{
		postmail.body.style.backgroundColor = BackColor;
	}
}

function word_replace(mail)
{
	han = "0123456789.,-+abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz@";
	zen = "０１２３４５６７８９．，－＋ａｂｃｄｅｆｇｈｉｊｋｌｍｎｏｐｑｒｓｔｕｖｗｘｙｚＡＢＣＤＥＦＧＨＩＪＫＬＭＮＯＰＱＲＳＴＵＶＷＸＹＺ＠";
	str = "";
	for (i=0; i<mail.length; i++)
	{
		c = mail.charAt(i);
		n = zen.indexOf(c,0);
		if (n >= 0) c = han.charAt(n);
		str += c;
	}
	return str;
}

function mailcheck()
{
	var mail = document.postmail.mail.value;
	mail = word_replace(mail);
	var data = mail.match(/^\S+@\S+\.\S+$/);
	
	if(mail == "")
	{
		document.postmail.check_mail.value = "";
		document.getElementById('status_mail').innerHTML = '<p class=\"blank\"></p>';
		document.getElementById('mailarea').innerHTML = '<input type=\"text\" name=\"mail\" id=\"mail\" onBlur=\"mailcheck()\" onFocus=\"msOver(this.name)\" onKeyPress="return submitStop(event,this.name);" />';
		document.getElementById('mailcaption').innerHTML = '<p class=\"mes\">例）info@sitelogic.jp</p>';
		mail_status = "";
	}
	else if(!data)
	{
		document.postmail.check_mail.value = "";
		document.getElementById('mailarea').innerHTML = '<input type=\"text\" name=\"mail\" id=\"mail\" onBlur=\"mailcheck()\" onFocus=\"msOver(this.name)\" onKeyPress="return submitStop(event,this.name);" value=\"'+mail+'\"/>';
		document.getElementById('mailcaption').innerHTML = '<span class=\"err\">メールアドレスの書式が正しくありません</span>';
		document.getElementById('status_mail').innerHTML = '<p class=\"err\">エラー</p>';
		mail_status = "err";
		document.postmail.mail.focus();
		document.postmail.mail.select();
	}
	else
	{
	
	var req   = new XMLHttpRequest();
	if (req)
	{
		req.onreadystatechange = function()
		{
			if (req.readyState == 4 && (req.status == 200 || req.status == 304))
			{
				answer = req.responseText;
				if(answer == "ok")
				{
					document.postmail.check_mail.value = mail;
					document.getElementById('mailarea').innerHTML = '<p class="ok">'+mail+'</p>';
					document.getElementById('mailcaption').innerHTML = '<p class=\"mes\"></p>';
					document.getElementById('rep_mail').innerHTML = '<a class=\"replace\" href=\"javascript:void(0)\" onclick=\"changed()\">修正する</a>';
					document.getElementById('status_mail').innerHTML = '<p class=\"view\">OK</p>';
					check_all();
				}
				else
				{
					document.postmail.check_mail.value = "";
					document.getElementById('mailarea').innerHTML = '<input type=\"text\" name=\"mail\" id=\"mail\" onBlur=\"mailcheck()\" onFocus=\"msOver(this.name)\" onKeyPress="return submitStop(event,this.name);" value=\"'+mail+'\"/>';
					document.getElementById('mailcaption').innerHTML = '<span class=\"err\">@以降のドメインに間違いがあるようです</span>';
					document.getElementById('status_mail').innerHTML = '<p class=\"err\">エラー</p>';
					mail_status = "err";
					document.postmail.mail.focus();
					document.postmail.mail.select();
				}
			}
		};
		req.open('POST', '/lib/domcheck.php');
		req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
		req.send('email='+mail);
	}
	
	

	}
}

function changed()
{
		mail = document.postmail.check_mail.value;
		document.getElementById('mailarea').innerHTML = '<input type=\"text\" name=\"mail\" id=\"mail\" onBlur=\"mailcheck()\" onFocus=\"msOver(this.name)\" onKeyPress="return submitStop(event,this.name);" value=\"'+mail+'\"/>';
		document.getElementById('mailcaption').innerHTML = '<p class=\"mes\">メールアドレスを修正できます</p>';
		document.getElementById('rep_mail').innerHTML = '<p></p>';
		document.getElementById('submitbutton').innerHTML = '<p>送信する</p>';
		document.getElementById('form_mes').innerHTML = 'お気軽にご相談ください';
		document.getElementById('status_mail').innerHTML = '<p class=\"blank\"></p>';
		mail_status = "";
		document.postmail.mail.focus();
		document.postmail.mail.select();
		
}

function namecheck()
{
	var name = document.postmail.username.value;
	
	if(name == "")
	{
		document.postmail.check_name.value = "";
		document.getElementById('status_name').innerHTML = '<p class=\"blank\"></p>';
		document.getElementById('namearea').innerHTML = '<input type=\"text\" name=\"username\" id=\"username\" onBlur=\"namecheck()\" onFocus=\"msOver(this.name)\" onKeyPress="return submitStop(event,this.name);" />';
		document.getElementById('namecaption').innerHTML = '<p class=\"mes\">例）山田太郎</p>';
		name_status = "";
	}
	else
	{
		document.postmail.check_name.value = name;
		document.getElementById('namearea').innerHTML = '<p class="ok">'+name+'</p>';
		document.getElementById('namecaption').innerHTML = '<p class=\"name_mes\"></p>';
		document.getElementById('rep_name').innerHTML = '<a class=\"replace\" href=\"javascript:void(0)\" onclick=\"changed_name()\">修正する</a>';
		document.getElementById('status_name').innerHTML = '<p class=\"view\">OK</p>';
		check_all();
	}
}

function changed_name()
{
	name = document.postmail.check_name.value;
	document.getElementById('namearea').innerHTML = '<input type=\"text\" name=\"username\" id=\"username\" onBlur=\"namecheck()\" onFocus=\"msOver(this.name)\" onKeyPress="return submitStop(event,this.name);" value=\"'+name+'\"/>';
	document.getElementById('namecaption').innerHTML = '<p class=\"name_mes\">お名前を修正できます</p>';
	document.getElementById('rep_name').innerHTML = '<p></p>';
	document.getElementById('submitbutton').innerHTML = '<p>送信する</p>';
	document.getElementById('form_mes').innerHTML = 'お気軽にご相談ください';
	document.getElementById('status_name').innerHTML = '<p class=\"blank\"></p>';
	name_status = "";
	document.postmail.username.focus();
	document.postmail.username.select();
}


function check_all()
{
	var mail = document.postmail.check_mail.value;
	var name = document.postmail.check_name.value;
	if(mail && name)
	{
		document.getElementById('submitbutton').innerHTML = '<p><a href=\"javascript:void(0)\" onclick=\"submitmail()\">送信する</a></p>';
		document.getElementById('form_mes').innerHTML = '<strong class=\"submit\">下記の内容で送信します</strong>';
	}
	else
	{
		document.getElementById('submitbutton').innerHTML = '<p>送信する</p>';
	}
}


function bodycheck()
{
	postmail.body.style.backgroundColor = "#ffffff";
}
function submitmail()
{
	var mail = document.postmail.check_mail.value;
	var name = document.postmail.check_name.value;
	var body = document.postmail.body.value;
	var date = document.postmail.date.value;
	var unq  = document.postmail.unq.value;
	var rpt  = document.postmail.rpt.value;

	var req   = new XMLHttpRequest();
	if (req)
	{
		req.onreadystatechange = function()
		{
			if (req.readyState == 4 && (req.status == 200 || req.status == 304))
			{
				Thanks(name);
			}
		};
		req.open('POST', '/lib/post.php');
		req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
		req.send('mail='+mail+'&name='+name+'&body='+body+'&date='+date+'&unq='+unq+"&rpt="+rpt);
	}
}



function Thanks(name)
{
	var text = encodeURI(name);
	document.getElementById('form').innerHTML = "<div class=\"thanks\"><img src=\"/lib/message.php?text="+text+"\" /></div>";
}