Comments = {};
Comments.displayElement = 'Comments.displayComments';
Comments.displayPost = 'Comments.displayPost';
Comments.rootArticleId = 'Comments.rootArticleId';
Comments.text = 'Comments.text';
Comments.showhideOnCompose = false;//normally something else shows and hides the element
Comments.showhideOnPost = true;
Comments.refreshOnPost = false;
Comments.hideOnCloseHandler = null; // set this to a function if you want somethign custom to fire
Comments.successMessage = 'Comments.successMessage';
Comments.postShowing = false;

Comments.form = 'Comments.form';
Comments.ajax = true;

Comments.refresh = function() {
    HttpCall.replaceElement('include/comments.jsp?rootArticleId=' + document.getElementById(Comments.rootArticleId).value, Comments.displayElement);

}

Comments.posted = function() {
    if (Comments.refreshOnPost) {
        Comments.refresh();
    }
    if (Comments.showhideOnPost) {
        document.getElementById(Comments.displayPost).className = "none";
        Comments.postShowing = false;
    }
    if (document.getElementById(Comments.successMessage)) {
        document.getElementById(Comments.successMessage).className = "block";
    }
    if (Comments.hideOnCloseHandler) {
        Comments.hideOnCloseHandler();
    }
}

Comments.composePost = function() {
    //clear the text
    if (Comments.showhideOnCompose) {
        if (!Comments.postShowing) {
            document.getElementById(Comments.displayPost).className = "block";
        } else {
            document.getElementById(Comments.displayPost).className = "none";
        }
        Comments.postShowing = !Comments.postShowing;
    }
    if (document.getElementById(Comments.text)) {
        document.getElementById(Comments.text).value = "";
    }
}

Comments.post = function() {
    if (Comments.ajax) {
        HttpCall.call(document.getElementById(Comments.form), Comments.posted);
    } else {
        //just submit the form
        document.getElementById(Comments.form).submit();
    }
}