$(document).ready(function(){
	var inputUser = $("#name");
	var inputMessage = $("#message");
	var loading = $("#loading");
	var messageList = $(".content > div");
	
	$("#name").focus(function(){
					$("#inc").fadeOut(500);
					$(this).css("color","#000");
					if($(this).val()=='name')
						$(this).val('');})
				.blur(function(){
					if($(this).val()==''){
						$(this).css("color","#9d9b9b"); 
						$(this).val('name');}
		});
	$("#message").focus(function(){
					$("#inc").fadeOut(500);
					$(this).css("color","#000");
					if($(this).val()=='message')
						$(this).val('');})
				.blur(function(){
					if($(this).val()==''){
						$(this).css("color","#9d9b9b"); 
						$(this).val('message');}
		});
	
	$("#ref")
        .mouseover(function() { 
            var src = $(this).attr("src").match(/[^\.]+/) + "_event.png";
            $(this).attr("src", src);
        })
        .mouseout(function() {
            var src = $(this).attr("src").replace("_event", "");
            $(this).attr("src", src);
        })
		.click(function(){
			updateShoutbox();
			$("#inc").fadeOut(500);
		});
	
	function updateShoutbox(){
		messageList.hide();
		loading.fadeIn();
		$.ajax({
			type: "POST", url: "page/verse_shoutbox/shoutbox.php", data: "action=update",
			complete: function(data){
				loading.fadeOut();
				messageList.html(data.responseText);
				messageList.fadeIn(2000);
				$("#name").css("color","#9d9b9b"); $("#name").val('name');
				$("#message").css("color","#9d9b9b");$("#message").val('message');
			}
		});
	}
	function checkForm(){
		if($("#name").val()!= 'name' && $("#message").val() != 'message' && 
			inputUser.attr("value") && inputMessage.attr("value"))
			return true;
		else
		{
			$("#inc").fadeIn(500);
			return false;
		}
	}
	
	updateShoutbox();
	
	$("#form").submit(function(){
		if(checkForm()){
			var name = inputUser.attr("value");
			var message = inputMessage.attr("value");
			$("#send").attr({ disabled:true, value:"Sending..." });
			$("#send").blur();
			$.ajax({
				type: "POST", url: "page/verse_shoutbox/shoutbox.php", data: "action=insert&name=" + name + "&message=" + message,
				complete: function(data){
					messageList.html(data.responseText);
					updateShoutbox();
					$("#send").attr({ disabled:false, value:"Shout!" });
				}
			 });
		}
		return false;
	});
});