$(document).ready(function() {
	$("#submit").click(function(){
		$("form :input").each(function () {
		if(this.value == ""){
			$(this).next('span').addClass('error');
			$(this).next('span').html("* This is a required field");
			$(this).next('span').fadeIn('slow');
		}

	if($("#broj").val() != $("#checker").val()){
			$("#checker").next('span').addClass('error');
			$("#checker").next('span').html("* You need more math practice");
			$("#checker").next('span').fadeIn('slow');
		}
		else{
			$(this).next('span').fadeOut('slow');
		}
	});	
	});
	
	$("#submit").click(function () {
		var name = $("#name").val();
		var email = $("#email").val();
		var comment = $("#comment").val();
		var ip = $("#ip").val();
		var videoid = $("#videoid").val();
		var tm = new Date();
		var broj = $("#broj").val();
		var checker = $("#checker").val();
		if(name != "" && email != "" && comment !="" && broj == checker)
		{
			$.getJSON("server.php",{uname:name,uip:ip,comm:comment,uvideoid:videoid},function(json)
			{
				if(json.response.error == "1")
				{
					$(".responce").css("color","blue");
					$(".responce").fadeIn('1000').html("Comment Added Successfully");
                    $("#commD").append("<div id='commName'>Name:"+name+"</div><div id='commText'>Write:<br />"+comment+"</div><div id='commDate'>on: "+json.response.dt+"</div>");
                     $("#nocomm").css("display", "none");
					clear_text_boxes();
				}
				else
                {
					$(".responce").css("color","blue");
					$(".responce").fadeIn('1000').html("Unexpected Error...!");
                    $(".responce").css("background-color", "#FFCECE");
                    $(".responce").css("border", "1px solid #FF0606");
					clear_text_boxes();
				}
			});
		}
	});
});
function clear_text_boxes()
{
	$("#name").val("");
	$("#email").val("");
	$("#comment").val("");
	$("#broj").val("");
	$("#submit").disabled=true;
}