var VALID_NOT_EMPTY = RegExp(".+");
var VALID_EMAIL = RegExp("^[a-zA-Z0-9]{1}([\._a-zA-Z0-9-]+)(\.[_a-zA-Z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+){1,3}$");
var VALID_URL = RegExp("^(http|https):\/\/[a-z0-9]+([\-\.]{1}[a-z0-9]+)*\.[a-z]{2,5}((:[0-9]{1,5})?\/.*)?$");
$(document).ready(function(){
	var datos = new Object();
	var mensaje = new Object();

	mensaje["loading"] = "<div id=\"loading\">Por favor espere un momento...</div>";

	$("form#commentform").submit(function(){
		datos["author"] = $("form#commentform input#author").val();
		if(!VALID_NOT_EMPTY.test(datos["author"])){
			alert("Escribe tu nombre.");
			$("form#commentform input#author").focus();
			return false;
		}

		datos["email"] = $("form#commentform input#email").val();
		if(!VALID_EMAIL.test(datos["email"])){
			alert("El email escrito es incorrecto.");
			$("form#commentform input#email").focus();
			return false;
		}

		datos["url"] = $("form#commentform input#url").val();
		if(VALID_NOT_EMPTY.test(datos["url"])){
			if(!VALID_URL.test(datos["url"])){
				alert("El Website tiene formato incorrecto. \n\n El formato correcto debe llevar http:// al inicio.");
				$("form#commentform input#url").focus();
				return false;
			}
		}

		datos["content"] = $("form#commentform textarea#content").val();
		if(!VALID_NOT_EMPTY.test(datos["content"])){
			alert("Escribe un comentario primero.");
			$("form#commentform textarea#content").focus();
			return false;
		}

		datos["id"] = 0;
		datos["formAction"] = $("form#commentform").attr("action");

		$.ajax({
			url: datos["formAction"],
			cache: false,
			beforeSend: function(){
				$("form#commentform input#author").attr("disabled", true);
				$("form#commentform input#email").attr("disabled", true);
				$("form#commentform input#url").attr("disabled", true);
				$("form#commentform input#suscribe").attr("disabled", true);
				$("form#commentform textarea#content").attr("disabled", true);
				$("form#commentform input#submit").attr("disabled", true);

				$("div.commentlist").append(mensaje["loading"]);
				$.scrollTo("div#loading", 200);
			},
			global: false,
			type: "POST",
			data: ({author : datos["author"],url: datos["url"], content: datos["content"], email: datos["email"]}),
			dataType: "html",
			success: function(msg){
				datos["id"] = msg;
				datos["created"] = date("Y-m-d G:i:s", time());

				datos["content"] = str_replace("<","&lt;",datos["content"]);
				datos["content"] = str_replace(">","&gt;",datos["content"]);
				datos["content"] = str_replace("\n","<br>",datos["content"]);

				mensaje["comentario"] = "\
				<div class=\"comentario\" id=\"comment-" + datos["id"] + "\"> \
					<img alt=\"\" src=\"http://www.gravatar.com/avatar/" + md5(datos["email"]) + "}?s=50\" class=\"avatar avatar-50 photo\" width=\"50\" height=\"50\"> \
					<p class=\"comment_author\"> \
						<a href=\"" + datos["url"] + "\" class=\"url\">" + datos["author"] + "</a> \
					</p> \
					<div class=\"comment_meta commentmetadata\"> \
						<p> \
							<a href=\"#comment-" + datos["id"] + "\">" + datos["created"] + "</a> \
						</p> \
					</div> \
					<div class=\"comment_txt\"> \
						<p>" + datos["content"] + "</p> \
					</div> \
				</div> \
				";

				$("div#loading").fadeOut("slow"); 
				$("div#loading").remove();

				$("form#commentform input#author").removeAttr("disabled");
				$("form#commentform input#email").removeAttr("disabled");
				$("form#commentform input#url").removeAttr("disabled");
				$("form#commentform input#suscribe").removeAttr("disabled");
				$("form#commentform textarea#content").removeAttr("disabled");
				$("form#commentform input#submit").removeAttr("disabled");

				$("div.commentlist").append(mensaje["comentario"]);
				$.scrollTo("div#comment-" + datos["id"], 200);

				$("form#commentform textarea#content").val("");
			},
			error: function(xhr,error){
				alert("Algo andubo mal con tu conexión a internet. Por favor intenta una vez mas.");
			}
		});

		return false;
	});
});