function TrimString(value){
    return value.replace(/^\s+|\s+$/g, '');
}
function IsEmail(value)
{
    var val = TrimString(value);
    var re = new RegExp(/\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}/g);
    return val.match(re);
}

jQuery(document).ready(
    function() {
        jQuery('#comment-submit').click(
            function() {
                try {
                    var values = {
                        "comment": "1",
                        "SubmitId": document.getElementById('submitId').value,
                        "Date": document.getElementById('commentsDate').value,
                        "Subject": document.getElementById('subject').value,
                        "Name": document.getElementById('name').value,
                        "Email": document.getElementById('email').value,
                        "Comments": document.getElementById('comment').value
                    };
                    var isValid = true;
                    jQuery('#errors').html('');
                    if (TrimString(values.Name) == '') {
                        isValid = false;
                        jQuery('#errors').append('<p>Name is required</p>');
                    }
                    values.Email = TrimString(values.Email);
                    if (!IsEmail(values.Email)) {
                        isValid = false;
                        jQuery('#errors').append('<p>Email is not valid</p>');
                    }

                    if (TrimString(values.Subject) == '') {
                        isValid = false;
                        jQuery('#errors').append('<p>Subject is required</p>');
                    }
                    if (TrimString(values.Comments) == '') {
                        isValid = false;
                        jQuery('#errors').append('<p>Comments couldn\'t be empty</p>');
                    }
                    if (isValid) {
                        jQuery.getJSON('/layouts/comments.ashx?d=' + (new Date()).getTime(), values,
                        function(data) {
                            var list = eval(data);
                            jQuery('#comments').html('');
                            for (var i = 0; i < list.length; i++)
                                jQuery('#comments').append("<h2 class=\"commentTitlePost\">" + list[i].Title + "</h2><p class=\"commentName\">" + list[i].Name + "</p><p class=\"comment\">" + list[i].Comment + "</p>");
                            if (list.length > 0)
                                document.getElementById('commentsDate').value = list[list.length - 1].Date;
                        }
                        );
                    }
                }
                finally {
                    return false;
                }
            }
        )
    }
);
