﻿var http_request = false;
var sender = null;
var msg = false;
var postbackNameField = null;
function getXMLHTTP()
{
    http_request = false;
    if (window.XMLHttpRequest)
    // Mozilla, Safari,...
    { 
        http_request = new XMLHttpRequest();
        if (http_request.overrideMimeType) 
        {
            // set type accordingly to anticipated content type
            http_request.overrideMimeType('text/html');
        }
    }
    else if (window.ActiveXObject) 
    // IE
    { 
        try
        {
            http_request = new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch (e) 
        {
            try
            {
                http_request = new ActiveXObject("Microsoft.XMLHTTP");
            } 
            catch (e) { }
        }
    }
    
}

function getComments(obj,name) 
{
    getXMLHTTP();
    if (!http_request) 
    {
        alert('Javascript not enabled');
        return false;
    }
    sender = obj;

    if (!msg) 
    {
        msg = document.createElement('div');
        msg.setAttribute('style', 'color:#ff0000;');
        obj.parentNode.insertBefore(msg, obj);
        msg.innerHTML = '<img src="/loading.gif">';
    }
    http_request.onreadystatechange = doPostBackComments;
    http_request.open('GET', '/GetComments.aspx?post=' + name, true);
    http_request.send(null);
}

function addComment(obj, name) 
{
    obj.innerHTML = "";
    obj.style.display = "none";
    obj.parentNode.innerHTML += '<hr><div class="commentForm"><b>New Comment</b><BR/><BR/><form action="postComment.aspx"><input type="hidden" id="postId" value="' + name + '"><table cellpadding=0 cellspacing=0 border=0><tr><td>Name:<span class="required">*</span></td><td><input id="commentName" type="text" class="commentFormInput" /></td></tr><tr><td>Email: (Will be kept hidden)<span class="required">*</span></td><td><input id="commentEmail" type="text" class="commentFormInput" /></td></tr><tr><td>Comment:<span class="required">*</span></td><td><textarea id="commentData" class="commentFormArea"></textarea></td></tr></table><input type="button" onclick="sendComment(this.parentNode)" value="Submit"> </form></div>';

}


function sendPOST(url, parameters, name) 
{
    getXMLHTTP();
    if (!http_request) {
        alert('Javascript not enabled');
        return false;
    }
    http_request.onreadystatechange = doPostBack;
    postbackNameField = name;
    http_request.open('POST', url, true);
    http_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    http_request.setRequestHeader("Content-length", parameters.length);
    http_request.setRequestHeader("Connection", "close");
    http_request.send(parameters);
}

function doPostBack() 
{
    if (http_request.readyState == 4)
    {
        if (http_request.status == 200) 
        {
            //getComments(msg, postbackNameField);
            msg.innerHTML = "<span style='color:#00ff00;'>Done!</span>"
        }
        else 
        {

            sender.elements.item(4).style.display = "";
            msg.innerHTML = "<span style='color:#ff0000;'>Error,  please check fields and try again...</span>";
        }
    }
}

function doPostBackComments() {
    if (http_request.readyState == 4) {
        if (http_request.status == 200) 
        {
            sender.innerHTML = "";
            sender.style.display = "none";
            msg.innerHTML = http_request.responseText;
            msg = false;
        }
    }
}

function sendComment(obj) 
{
    if (obj.elements) 
    {

        if (!msg) 
        {
            msg = document.createElement('div');
            msg.setAttribute('style', 'color:#ff0000;');
            obj.parentNode.appendChild(msg);
        }

        var postId = obj.elements.item(0).value;
        var name = obj.elements.item(1).value;
        var email = obj.elements.item(2).value;
        var data = obj.elements.item(3).value;
        if (!postId || !name || !email || !data) 
        {
            msg.innerHTML = "Please fill all fields";
            return false;
        }
        var poststr = "postId=" + encodeURI(postId) + "&commentName=" + encodeURI(name) +
            "&commentEmail=" + encodeURI(email) + "&commentData=" + encodeURI(data);
        sender = obj;
        obj.elements.item(4).style.display = "none";
        msg.innerHTML = '<img src="/loading.gif">';
        sendPOST('/postComment.aspx', poststr, encodeURI(postId));
        
    }
}
