// Set cookie with v=threads
function toggleViewModeOn() {
    Cookies.set("threads", "on", {expires: 365});
}

// Remove cookie with v=threads
function toggleViewModeOff() {
    Cookies.set("threads", "off", {expires: 365});
}

function toggleViewMode() {
    if (checkViewMode()) {
        toggleViewModeOff();
        location.reload();
    } else {
        toggleViewModeOn();
        location.reload();
    }
}

// Check view mode
function checkViewMode() {
    if (Cookies.get("threads") && Cookies.get("threads") == "on") {
        console.log('THREADS ON');
        return true
    } else {
        console.log('NORMAL');
        return false
    }
}

// Make message HTML
function makeMessageHTML(msgItem, total) {
    var t = new Date(msgItem['date'] * 1000);
    var t_formatted = t.getFullYear() + "/" + (t.getMonth() + 1) + "/" + t.getDate() + " " + t.getHours() + ":" + t.getMinutes() + ":" + t.getSeconds();
    
    var msg = msgItem['message'].replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(new RegExp("\n",'g'), "<br>\n");
    
    var html = '<div class="msg">'
        + '<p align="left"><i class="fa fa-hourglass-half"></i> ' + t_formatted + '<i class="fa fa-angle-right"></i> <!--/p-->'

    // Author to receiver
        + '<a name="' + msgItem["msgid"] + '" style="text-decoration:underline; text-decoration-style:dotted;" title="' + msgItem["address"] + '" "href="javascript:void(0)" onclick="requestAuthorMessages(\'' + msgItem['author'] + '\');">' + msgItem['author'] + '</a>'
        + ' <i class="fa fa-mail-forward"></i> ';

    if (msgItem['repto'] != "" ) {
        html += '<a href="#' + msgItem['repto'] + '">' + msgItem['to'] + '</a></p>';
    } else {
        html += msgItem['to'] + '</p>';
    }

    // Header
    html += ' <p style="color:#0099cc;font: 1.5em Open Sans, sans-serif;">'
        + '<a class="headerLink" href="/?j=' + msgItem['msgid'] + '">'
        + msgItem['subg'] + '</a>'
        + ' <i class="fa fa-at"></i> <i><a class="headerLink" href="javascript:void(0)" onclick="requestTmpEcho(\'' + msgItem['echo'] + '\')">' + msgItem['echo']
        + '</a></i></p></p>'
        + '<p>' + msg.autoLink()
        + '</p><p align="right">'

    // Msgid
        + '<a href="?' + msgItem['msgid'] +'" onclick="requestMessage(\'' + msgItem['msgid'] + '\');"><i class="fa fa-link"></i>' + msgItem['msgid'] + '</a>';
    
    // End message <div> block
    html += '</p></div>';

    return html
}

function makeThreadMessage(msgItem, total) {
    var t = new Date(msgItem['date'] * 1000);
    var t_formatted = t.getFullYear() + "/" + (t.getMonth() + 1) + "/" + t.getDate() + " " + t.getHours() + ":" + t.getMinutes() + ":" + t.getSeconds();

    console.log(total);

    if (hash.matched && msgItem['msgid'] == hash.hash) {
        html += '<div class="hsMessage">';
    }

    msg = msgItem['message'].replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(new RegExp("\n",'g'), "<br>\n");

    var to = 
        html += '<div class="msg">'
        + '<p align="left"><i class="fa fa-hourglass-half"></i> ' + t_formatted + '<i class="fa fa-angle-right"></i> <!--/p-->'

    // Author to receiver
        + '<a style="text-decoration:underline; text-decoration-style:dotted;" title="' + msgItem["address"] + '" "href="javascript:void(0)" onclick="requestAuthorMessages(\'' + msgItem['author'] + '\');">' + msgItem['author'] + '</a>'
        + ' <i class="fa fa-mail-forward"></i> ';

    if (msgItem['repto'] != "" ) {
        html += '<a href="/?' + msgItem['repto'] + '">' + msgItem['to'] + '</a></p>';
    } else {
        html += msgItem['to'] + '</p>';
    }

    // Header
    html += ' <p style="color:#0099cc;font: 1.5em Open Sans, sans-serif;">'
        + '<a class="headerLink" href="/?j=' + msgItem['msgid'] + '">'
        + msgItem['subg'] + '</a>'
        + ' <i class="fa fa-at"></i> <i><a class="headerLink" href="javascript:void(0)" onclick="requestTmpEcho(\'' + msgItem['echo'] + '\')">' + msgItem['echo']
        + '</a></i></p></p>'
        + '<p>' + msg.autoLink()
        + '</p><p>';

    // Answers
    html += '<a style="align:left !important; left: 13%; position: absolute;" href="?j=' + msgItem['msgid'] +'"">[' + total + ']</a>';
    
    // Msgid
    html += '<a style="align:right !important; right: 13%; position: absolute;" href="?' + msgItem['msgid'] +'" onclick="requestMessage(\'' + msgItem['msgid'] + '\');"><i class="fa fa-link"></i>' + msgItem['msgid'] + '</a>';
    
    // End message <div> block
    html += '</p></div>';

    return html;
}