function initMail() {
	var timer;

	$('#Send p').html('<input type="text" name="c" id="c" size="30" tabindex="2" value="あなたの疑問はなんですか？" /><input type="submit" id="send" />');
	$('#c').css('color','#999');

	$('#Send').append($('<p class="panel"></p>'));

	$('#c').focus(function(e) {
		onFocus(e);
	});
	$('#c').blur(function(e) {
		onBlur(e);
	});
	$('#send').click(function(e) {
		sendMail(e);
		return false;
	});

	function onFocus(e) {
		if (e.target.value == 'あなたの疑問はなんですか？') {
			e.target.value = '';
		}
		$(e.target).css('color','#000');
	}
	function onBlur(e) {
		if (e.target.value == '') {
			e.target.value = 'あなたの疑問はなんですか？';
			$(e.target).css('color','#999');
		} else {
			$(e.target).css('color','#000');
		}
	}
	function sendMail(e) {
		var c = $('#c').val();

		if (check(c)) {
//			c = encodeURIComponent(c);
			$.ajax({
				 beforeSend : onBefore
				,data       : 'c=' + c
				,error      : onError
				,success    : onSuccess
				,type       : 'POST'
				,url        : './send.php'
			});
		} else {
			return false;
		}

		function check(c) {
			if (c == "あなたの疑問はなんですか？") {
				return false;
			} else if(c == "") {
				return false;
			} else if(c.length >= 40) {
				alert("送信する文章が長すぎます\nもし長い文章を送信したい場合は\nメールで送信してください");
				return false;
			} else {
				return true;
			}
		}
		function onBefore() {
			var panel = $('#Send .panel');
			panel.html ='送信中';
			panel.css('display','block');
		}
		function onSuccess(msg) {
			var panel = $('#Send .panel');
			var res = decodeURIComponent(msg)
			if (res != false) {
				panel.html('送信しました');
			} else {
				panel.html('送信しましたが受け付けませんでした');
			}
			timer = setTimeout(hidePanel,3000);
		}
		function onError(XMLHttpRequest, textStatus, errorThrown) {
			var panel = $('#Send .panel');
			panel.html('送信に失敗しました');
			timer = setTimeout(hidePanel,3000);
		}
		function hidePanel() {
			$('#c').val('');
			var panel = $('#Send .panel');
			panel.css('display','none');
			clearTimeout(timer);
		}
	}
}


function initHelp(text) {
	var html = $('<div id="Help"><div id="Panel">' + text + '</div></div>');
	var button = $('#HelpButton');

	button.click(function(e) {
		showHelp(e);
	});
	html.click(function(e) {
		hideHelp(e);
	});

	$('body').append(html);

	function showHelp(e) {
		html.css('display','block');
	}
	function hideHelp(e) {
		html.css('display','none');
	}
}


$(document).ready(function() {
	var text = '<p>「前々から気になっていたけど、アレは一体何のことだろう？」という疑問や「こういう情報もあった方が良いのでは？？」などがありましたらグルットまでご連絡ください。<br />順次できる限り記事に反映させていただきます。<br />（※必ずしも記事に反映するとは限りませんのでご了承ください）</p><p>ページ上部にある一言送信フォームか<a href="mailto:info@grucom.jp">Eメール</a>にてご連絡ください。</p><p>尚、以下の項目に該当する内容については受付・掲載等をお断り致します。</p><ol><li>公序良俗に反する内容、もしくはそのようなに弊社が判断する内容</li><li>法律、法令等に違反する内容</li><li>本サービスの運営を妨害する内容</li><li>その他、弊社が不適切と判断する内容</li></ol><p>（クリックでこのウィンドウを閉じます）</p>';
	initMail();
	initHelp(text);
});