//window.onload=Read;
var max_str = 50;
$(
	function(){
		$('#message').keyup(function(){
			var messageCount = 0;
			var message = '';
			message = $('#message').val();
			messageCount = message.length;
			if( messageCount > max_str ) {
				$('#error').html("文字数が多いです");
				$('#message').val( message.substr(0,50));
			} else {
				$('#error').html( "残り文字数" + ( max_str - messageCount).toString() + "文字");
			}
		});
		Read();
		$('#read').click(Read);
		$('#write').click(Write);
		}
);

function Read()
{
var urlr="./ajaxminibbs/bbsr.php";
var param = "time=" + (new Date().getTime());
$('#messages').html('( - - )読み込み中........');
$.ajax({
	url:urlr,
	type:'GET',
	dataType:'text',
	timeout:10000,
	success:function(data){
		$('#messages').html(data);
	},
	error:function(){
		$('#messages').html("サーバーエラーが発生しました。")
	}
});
}



	
		

function Write()
{
	var urlw = './ajaxminibbs/bbs.php';
	var name = document.getElementById("name").value;
	var message = document.getElementById("message").value;
	var color = document.getElementById("color").value;
	var moji = document.getElementById("moji").value;
	var bbsData = {name:name,
				message :message , moji:moji , color:color};

$.ajax({
	url:urlw,
	type:'POST',
	dataType:'text',
	data:bbsData,
	timeout:10000,
	success:function(data){
	 if(data != null){
		//$('#messages').html(data);
		Read();
		document.getElementById('name').value = '';
		document.getElementById('message').value='';	
		} else {
		Read();
		document.getElementById('name').value = '';
		document.getElementById('message').value='';
	}
	}
});
	

}