// JavaScript Document
// <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">



document.write("<div id=\"feedback\"><img src=\"/img/feedback/feedback.gif\" alt=\"あなたの声、お聞かせ下さい\" style=\"margin-bottom:5px;\" width=\"338\" height=\"30\" /><p id=\"feedbackSummary\">「<span>こんな事が知りたい</span>」、「<span>こんな記事を作って欲しい</span>」「<span>こうしたらもっといいんじゃない!?</span>」などなど、もしよろしければあなたのご意見やご要望をお聞かせ下さい。</p><form action=\"\" id=\"feedbackForm\" method=\"post\"><textarea name=\"feedbackContent\" id=\"feedbackContent\" onkeydown=\"observeLine(this.form.feedbackContent)\" style=\"width:330px;height:108px;color:#999;\" onfocus=\"if(this.value=='この部分に記入して、下の送信ボタンをクリックして送信してください☆'){this.value='';this.style.color='#000000';}\" onblur=\"if(this.value==''){this.value='この部分に記入して、下の送信ボタンをクリックして送信してください☆';this.style.color='#999';}\" >この部分に記入して、下の送信ボタンをクリックして送信してください☆</textarea><div style=\"text-align:center;\"><input type=\"button\" id=\"feedbackBtn\" style=\"margin-top:5px;\" value=\"送信する\" /></div><div><p id=\"feedbackChangeArea\"></p></div><div id=\"feedbackSending\"><img src=\"/img/lightbox/loading.gif\" width=\"32\" height=\"32\" alt=\"loading\" /></div></form><p id=\"feedbackAttention\">*返信が必要なメールは<a href=\"/contact/mail/\">メールフォームよりお送り下さい。</a></p></div>");

jQuery(function($){

	$("#feedbackSending").hide();
	
	$("#feedbackBtn")
	.click(function () {
			$.ajax({
				type:"post",
				url: "/contact/feedback/",
				data :{
				"page":location.href,
				"name":$("#feedbackName").val(),
				"content":$("#feedbackContent").val()
			},
			beforeSend:function(msg,status){
				$("#feedbackChangeArea").hide();
				
				if($("#feedbackContent").val().length == 0 || $("#feedbackContent").val() == 'この部分に記入して、下の送信ボタンをクリックして送信してください☆'){
				
				// $("feedbackForm").abort();
					
					$("#feedbackChangeArea").html("<span style=\"color:#ff0000;\">文章が入力されていません</span>");
					$("#feedbackChangeArea").fadeIn("fast");
					return false;
				}
				$("#feedbackSending").show();
				$("#feedbackBtn").hide();
			},
			success:function(msg,status){
				//$("#feedbackChangeArea").empty();
				$("#feedbackChangeArea").hide();
				$("#feedbackContent").hide();
				$("#feedbackSummary").hide();
				$("#feedbackAttention").hide();
				
				
				$("#feedbackChangeArea").html(msg);
				$("#feedbackChangeArea").fadeIn("fast");
				$("#feedbackSending").hide();
	 
			}
		});
	});
});