$(document).ready(function() {
	$("#submit").click(function () {
		var id = $("#id").val();
		var type = $("#type").val();
		var name = $("#name").val();
		var key = $("#key").val();
		//var email = $("#email").val();
		var comment = $("#comment_textarea").val();
		//var tm = new Date();
		//alert("Comment: "+$("#comment_textarea")+" "+comment);
		if(name != "" && comment != "")
		{
			//alert('got here!');
			$.getJSON("comment/server.php",{id:id,type:type,uname:name,comm:comment,key:key},function(json)
			{
				if(json.response.error == "1")
				{
					
					$(".responce").css("color","lightgreen");
					$(".responce").fadeIn('1000').html("Comment Added Successfully");
                    $("#comments").prepend("<tr id="+json.response.commentid+"><td><font color='blue'>"+name+"</font></td><td width=50%></td><td align='center'>"+json.response.dt+"</td></tr><tr id='b_"+json.response.commentid+"'><td colspan=2 align='left'>"+comment+"</td><td align='center' valign='middle'><a href='javascript:removeComment("+json.response.commentid+");'>Remove</a></td></tr>")
					//$("#comments td:odd").css("background-color", "#FF99CC");
					//$("#comments td:even").css("background-color", "#c21360");
					clear_text_boxes();
				}
				else if(json.response.error == "0")
                {
					//alert('failed: '+comment);
					$(".responce").css("color","orange");
					$(".responce").fadeIn('1000').html("Unexpected Error...!");
                    //$(".responce").css("background-color", "#FFCECE");
                    //$(".responce").css("border", "1px solid #FF0606");
					clear_text_boxes();
				}
				else if(json.response.error == "2")
				{
					$(".responce").css("color","orange");
					$(".responce").fadeIn('1000').html("You must be logged in to leave a comment");
					clear_text_boxes();
				}
				else if(json.response.error == "3")
				{
					$(".responce").css("color","orange");
					$(".responce").fadeIn('1000').html("You didn't enter a comment");
					clear_text_boxes();
				}
				else if(json.response.error == "4")
				{
					$(".responce").css("color","orange");
					$(".responce").fadeIn('1000').html("You don't have access to this card");
					clear_text_boxes();
				}
			});
		} else {
			$(".responce").css("color","white");
			$(".responce").fadeIn('1000').html("You didn't enter a comment");
		}
	});
});
function clear_text_boxes()
{
	//$("#name").val("");
	//$("#email").val("");
	$("#comment_textarea").val("");
}