/***************************/

//@Author: Adrian "yEnS" Mato Gondelle & Ivan Guardado Castro

//@website: www.yensdesign.com

//@email: yensamg@gmail.com

//@license: Feel free to use it, but keep this credits please!					

/***************************/



$(document).ready(function(){

	//global vars

	var inputUser = $("#nick");

	var inputMessage = $("#message");

	var loading = $("#loading");

	var messageList = $(".notek");

	

	//functions

	function updateShoutbox(){

		//just for the fade effect

		messageList.hide();

		loading.fadeIn();

		//send the post to shoutbox.php

		$.ajax({

			type: "POST", url: "shoutbox.php", data: "action=update",

			complete: function(data){

				loading.fadeOut();

				messageList.html(data.responseText);

				messageList.fadeIn(2000);

			}

		});

	}

	//check if all fields are filled

	function checkForm()
	{

		if(inputUser.attr("value") && inputMessage.attr("value"))
		{
			if(inputMessage.attr("value").length > 100)
			{
				alert("Notes shout box tidak boleh lebih dari 100 karakter");				
				
				return false;
			}
			
			return true;
		}
		else
		{
			alert("Semua field di shout box harus diisi");
			
			return false;
		}
	}

	

	//Load for the first time the shoutbox data

	updateShoutbox();

	

	//on submit event

	$("#form").submit(function(){

		if(checkForm()){

			var nick = inputUser.attr("value");

			var message = inputMessage.attr("value");

			//we deactivate submit button while sending

			$("#send").attr({ disabled:true, value:"Sending..." });

			$("#send").blur();

			//send the post to shoutbox.php

			$.ajax({

				type: "POST", url: "shoutbox.php", data: "action=insert&nick=" + nick + "&message=" + message,

				complete: function(data){

					messageList.html(data.responseText);

					updateShoutbox();

					//reactivate the send button

					$("#send").attr({ disabled:false, value:"Shout it!" });

				}

			 });

		}


		//we prevent the refresh of the page after submitting the form

		return false;

	});

});