$(document).ready(function(){
    $("#comment_name").focus(function(){
        if ($("#comment_name").attr("value") == $("#comment_name").attr("title")){
            $("#comment_name").attr("value","");
        }
    });
    $("#comment_name").blur(function(){
        if ($("#comment_name").attr("value") == ""){
            $("#comment_name").attr("value",$("#comment_name").attr("title"));
        }
    });
    $("#comment_name1").focus(function(){
        if ($("#comment_name1").attr("value") == $("#comment_name1").attr("title")){
            $("#comment_name1").attr("value","");
        }
    });
    $("#comment_name1").blur(function(){
        if ($("#comment_name1").attr("value") == ""){
            $("#comment_name1").attr("value",$("#comment_name1").attr("title"));
        }
    });
    $("#comment_name2").focus(function(){
        if ($("#comment_name2").attr("value") == $("#comment_name2").attr("title")){
            $("#comment_name2").attr("value","");
        }
    });
    $("#comment_name2").blur(function(){
        if ($("#comment_name2").attr("value") == ""){
            $("#comment_name2").attr("value",$("#comment_name2").attr("title"));
        }
    });
    $("#comment_content").focus(function(){
        if ($("#comment_content").attr("value") == $("#comment_content").attr("title")){
            $("#comment_content").attr("value","");
        }
    });
    $("#comment_content").blur(function(){
        if ($("#comment_content").attr("value") == ""){
            $("#comment_content").attr("value",$("#comment_content").attr("title"));
        }
    });
    var randomnumber=Math.floor(Math.random()*11)
    $("#capcha_image").attr("src","http://tinmoi.local/?act=capcha&ran="+randomnumber);
});
function formSubmit(){
        var name = $("#comment_name").attr("value");
        var email = $("#comment_name1").attr("value");
        var capcha = $("#comment_name2").attr("value");
        var content = $("#comment_content").attr("value");
        var id = $("#articles_id").attr("value");
        var act = $("#postComment").attr("value");
        var error = "";
        if (name == $("#comment_name").attr("title") || name.length < 2){
            if ($(".error").length < 1){
                $("#comment_name").parent().append("<span id='name_error' class='error'>Tên không đúng</span>");
            }
            return false;
        }
        else{
            $("#name_error").remove();
        }
        if (!validateEmail(email)){
            if ($(".error").length < 1){
                $("#comment_name1").parent().append("<span id='email_error' class='error'>Email không đúng</span>");
            }
            return false;
        }
        else{
            $("#email_error").remove();
        }
        if (capcha == $("#comment_name2").attr("title") || capcha.length < 5){
            if ($(".error").length < 1){
                $("#comment_name2").parent().append("<span id='capcha_error' class='error'>Mã xác nhận không đúng</span>");
            }
            return false;
        }
        else{
            $("#capcha_error").remove();
        }
        if (content == $("#comment_content").attr("title") || content.length < 2 || content.length > 200){
            if ($(".error").length < 1){
                $("#comment_content").parent().append("<span id='content_error' class='error'>Nội dung quá dài</span>");
            }
            return false;
        }
        else{
            $("#content_error").remove();
        }
        $.ajax({
            url: "/",
            type : "POST",
            data : {
                act: act,
                art_id : id,
                name : name,
                email : email,
                capcha : capcha,
                content : content
            },
            beforeSend : function(){
                $("#loadingImg").html("<img src='http://tinmoi.local/images/default/loading.gif' alt=''>");
                $("#submitButton").attr("disable","disable");
            },
            success : function(msg){
                $("#loadingImg").empty();
                $("#submitButton").attr("disable","");
                alert(msg);
                resetText();
            }
        });
        return false;
    }

    function resetText(){
        $(".input-name").each(function(){
            this.value = this.title;
        });
        $("#comment_content").attr("value",$("#comment_content").attr("title"));
        var randomnumber=Math.floor(Math.random()*11)
        $("#capcha_image").attr("src","http://tinmoi.local/?act=capcha&ran="+randomnumber);
    }

    function validateEmail(id)
    {
        var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+.[a-zA-Z]{2,4}$/;
        return emailPattern.test(id);
    }
    
    function randomNumber(){
        return Math.floor(Math.random()*11);
    }