var savedContent = "";
var currentlyEditingMessageId = "";

function updateMessageContent(message, quote)
{
    var xmlHttp = createXHRequest();
    xmlHttp.onreadystatechange = function()
    {
        if (xmlHttp.readyState == 4)
            document.getElementById("reply-area-content").value = xmlHttp.responseText;
    }
    xmlHttp.open("GET", "/forum/ajax/get-message-content.jsp?message=" + message 
    + "&quote=" + quote, true);
    xmlHttp.send(null);
}

function toggleEditTitleArea() {
    var editArea = document.getElementById("edit-topic-title-area");
    var icon = document.getElementById("img-edit-topic");

    if(editArea.style.display == "block") {
        editArea.style.display = "none";
        icon.src = "/images/edit.gif";
        icon.alt = "Editer";
    } else {
        editArea.style.display = "block";
        icon.src = "/images/cancel.gif";
        icon.alt = "Annuler";
        document.getElementById("edit-topic-title").focus();
    }

    icon.title = icon.alt;
}

function toggleEditEventArea() {
    var editArea = document.getElementById("edit-event-area");
    var displayArea = document.getElementById("event-info");
    var icon = document.getElementById("img-edit-event");

    if(editArea.style.display == "block") {
        editArea.style.display = "none";
        if(displayArea)
          displayArea.style.display = "block";
        icon.src = "/images/edit-event.gif";
        icon.alt = "Attacher des informations événementielles";
    } else {
        editArea.style.display = "block";
        if(displayArea)
          displayArea.style.display = "none";
        icon.src = "/images/cancel.gif";
        icon.alt = "Annuler";
        document.getElementById("event-start-date").focus();
    }

    icon.title = icon.alt;
}

function showReplyArea() {
    hideEditArea();
    document.getElementById("reply-area-content").value = "";
    document.getElementById("reply-area").style.display = "block";
    scrollToElement(document.getElementById("reply-area"));
    document.getElementById("reply-area-content").focus();
}

function showReplyAreaWithQuote(messageId) {
    hideEditArea();
    document.getElementById("reply-area-content").value = "";
    document.getElementById("reply-area").style.display = "block";
    updateMessageContent(messageId, true);
    scrollToElement(document.getElementById("reply-area"));
    document.getElementById("reply-area-content").focus();
}

function toggleEditArea(messageId) {
    if(currentlyEditingMessageId == messageId) {
        hideEditArea();
        return;
    }

    hideEditArea();

    var content = document.getElementById("message-content-" + messageId);
    var replyArea = document.getElementById("reply-area");
    currentlyEditingMessageId = messageId;

    savedContent = content.innerHTML;

    document.getElementById("reply-area-container").removeChild(replyArea);

    content.innerHTML = "";
    content.appendChild(replyArea);
    updateMessageContent(messageId);

    var icon = document.getElementById("img-edit-" + currentlyEditingMessageId);
    icon.src = "/images/cancel.gif";
    icon.alt = "Annuler";
    icon.title = icon.alt;

    document.getElementById("reply-area-message-id").value = messageId;
    replyArea.style.display = "block";
    document.getElementById("reply-area-content").focus();
}

function hideEditArea() {
    if(currentlyEditingMessageId == "")
      return;

    var icon = document.getElementById("img-edit-" + currentlyEditingMessageId);
    icon.src = "/images/edit.gif";
    icon.alt = "Editer";
    icon.title = icon.alt;

    var content = document.getElementById("message-content-" + currentlyEditingMessageId);
    var replyArea = document.getElementById("reply-area");
    currentlyEditingMessageId = "";

    replyArea.style.display = "none";
    document.getElementById("reply-area-message-id").value = "";
    document.getElementById("reply-area-content").value = "";
    content.removeChild(replyArea);

    content.innerHTML = savedContent;
    document.getElementById("reply-area-container").appendChild(replyArea);
}