// Show Comments
function showComments() {
    var h = document.getElementById("commentheader");
    var c = document.getElementById("comments");

    c.style.display = "block";
    h.innerHTML = '<a href="#cocoon" onclick="hideComments();">Info &amp; Comments (-)</a>'; 
}

// Hide Comments
function hideComments() {
    var h = document.getElementById("commentheader");
    var c = document.getElementById("comments");
    
    c.style.display = "none";
    h.innerHTML = '<a href="#comments" onclick="showComments();">Info &amp; Comments (+)</a>';
}

// Show Form Box
function showForm() {
    var f1 = document.getElementById("form1");
    var f2 = document.getElementById("form2");

    f1.style.display = "block"; 
    f2.style.display = "block";
}

// Comment part of the preview function
function previewCom() {
    var com_p = document.getElementById("com_pre");
    var com_t = document.getElementById("com_com");
    
    com_p.innerHTML = '<p>'+com_t.value.replace(/(\n|\r)/g, '<br />')+'</p>';
}

// Name part of the preview function
function previewName() {
    var com_n = document.getElementById("com_name");
    var com_a = document.getElementById("com_author");
    
    com_n.innerHTML = com_a.value;
}