$(document).ready(function(){

    var myForm = new TVI.Form({
        id: 'TVI-form_commentForm',
        formName: 'TVI-form_commentForm',
        saveURL: '/handlers/data.aspx/addRecord',
        saveQuery: 'addBlogComment',
        metaDataURL: '/handlers/forms.aspx/getFormMetaData'
    });
    myForm.initialize();
    
    $('#blogSubmit A').click(function(){
        $('#blogSubmit .submit').prepend("<img src=\"/i/ajax-loader2.gif\" style=\"float: left; position: relative; right: 22px; top: 5px;\" />");
            pausecomp(500);
            
            if (myForm.validate()) {
                       
            $.ajax({
                type: "POST",
                url: '/handlers/blog.aspx/commentAdded',
                data: "{articleName : '" + $(this).attr("title") + "', " +
						"authorName: '" + encodeHtml($('#textBox_authorName').val()) + "', " +
						"authorLink: '" + encodeHtml($('#textBox_authorLinkURL').val()) + "', " +
						"comment: '" + encodeHtml($('#textArea_comment').val()) + "', " +
						"blogPostID: '" + $(this).attr("name") + "', " +
						"authorIP: '" + encodeHtml($('.posterIP').val()) + "', " +
						"authorEmail: '" + $('#textBox_authorEmail').val() + "' " +
						" }",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function(data) {
                    var response = JSON.parse(data.d);
                    if (response.success) {
                        
                        var currentDate = new Date();
                        var monthname = new Array("Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec")
                        var displayDate = currentDate.getDate() + " " + monthname[currentDate.getMonth()] + " " + currentDate.getFullYear() + " " + currentDate.getHours() + ":" + currentDate.getMinutes();
                        var htmlToAdd = "<div class=\"comment\">";
                        htmlToAdd += "<div class=\"commentTop\"></div>";
                        htmlToAdd += "<div class=\"commentMiddle\">";
                        htmlToAdd += "<div class=\"title\">";
                        htmlToAdd += "<span class=\"red\">";
                        if ($('#textBox_authorLinkURL').val() != "")
                        {
                            htmlToAdd += "<a href=\"" + $('#textBox_authorLinkURL').val() + "\">" + $('#textBox_authorName').val() + "</a>";
                        }
                        else {
                            htmlToAdd += $('#textBox_authorName').val();
                        }
                        htmlToAdd += "</span> @ " + displayDate + "</div>";
                        htmlToAdd += "<p>" + response.processedcomment + "</p>";
                        htmlToAdd += "</div><div class=\"commentBottom\"></div></div>";
                        $('.comments').append(htmlToAdd);
                        $('#TVI-form_commentForm').html("<p>Thank you for submitting your comment</p>");
                    }
                    else {
                        $('#TVI-form_commentForm').append("<span class=\"red\">There was an error, please try again</span>");
                    }
                    
                }
                
            });
            }
            
        return false;
    });
    
    
    
});

function encodeHtml(encodeMe) {
    return encodeMe.replace(/\'/g, "&#39;").replace(/\"/g, "&#34;").replace(/\n/g,"<br />");
}

function pausecomp(millis)
{
var date = new Date();
var curDate = null;

do { curDate = new Date(); }
while(curDate-date < millis);
}