function onCommentAreaFocus(input) {
    if (input.value == ' Escribe un comentario...') {
        input.value = '';
        input.style.color = 'black';
        input.style.height = '40px';
        input.style.overflow = 'auto';

        var inputNodes = input.parentNode.getElementsByTagName('input');
        for (var i = 0; i < inputNodes.length; i++) {
            inputNodes[i].style.display = 'block';
        }
    }
}

function onCommentAreaBlur(input) {
    if (input.value == '') {
        input.value = ' Escribe un comentario...';
        input.style.color = 'Gray';
        input.style.overflow = 'hidden';
        input.style.height = '17px';

        var inputNodes = input.parentNode.getElementsByTagName('input');
        for (var i = 0; i < inputNodes.length; i++) {
            inputNodes[i].style.display = 'none';
        }
    }
}


function sendMessage(userId, idConversation) {
    $.ajax
    ({
        url: "/messages/send.aspx",
        cache: false,
        data: { idReceiver: userId,
            idConversation: idConversation,
            subject: $("#modalFormSubject").val(),
            messageText: $("#modalFormPrivateMessage").val()
        },
        success: function(data) {
            $("#modalFormContent").html(
                    "<div class='modalFormResult'>" +
                        "<div class='modalFormResultMessage'>" + data + "</div>" +
                        "<input type='button' class='button' value='Cerrar' onclick='$.modal.close();if(idConversation)window.location.reload();' >" +
                    "</div>");

            // Cerrar la ventana
            setTimeout(function() { $.modal.close(); if (idConversation) { window.location.reload(); } }, 1000);
        },
        error: function(error) {
            alert("Ocurrió un error al enviar el mensaje. Por favor inténtalo de nuevo");
        }
    });
}

function newPrivateMessage(userId, idConversation, subject, userName, avatarUrl) {
    if (idConversation === undefined) {
        idConversation = "";
    }

    if (subject === undefined) {
        subject = "";
    }

    if (userName === undefined) {
        userName = $("#userName" + userId).html();
    }

    if (avatarUrl === undefined) {
        avatarUrl = $("#avatar" + userId).attr("src");
    }

    var innerHTML = "<img src='" + avatarUrl + "'>" +
        "<div class='modalFormRightContent'>" +
            "<div class='modalFormPrivateMessageTitle'>Enviar un mensaje a " + userName + "</div>" +
            "<div class='modalFormLabel'>Asunto: <input type='text' id='modalFormSubject' value='" + subject + "' /></div>" +
            "<textarea id='modalFormPrivateMessage'></textarea>" +
            "<input type='button' value='Enviar' class='button' onclick=\"sendMessage(" + userId + ",'" + idConversation + "')\" >" +
        "</div>";

    $("#modalFormContent").html(innerHTML);
    $('#modalForm').modal();
}

function sendAddFriend(userId) {

    $.ajax
    ({
        url: "/friends/addFriendAjax.aspx",
        cache: false,
        data: { idFriend: userId, msg: document.getElementById('modalFormMessage').value },
        success: function(data) {
            $("#modalFormContent").html(
                    "<div class='modalFormResult'>" +
                        "<div class='modalFormResultMessage'>" + data + "</div>" +
                        "<input type='button' class='button' value='Cerrar' onclick='$.modal.close()' >" +
                    "</div>");

            // Eliminar el link
            // $("#AddFriendLink" + userId).parent().remove();

            // Cerrar la ventana
            setTimeout(function() { $.modal.close(); }, 1000);
        },
        error: function(error) {
            alert("Ocurrió un error al enviar el mensaje. Por favor inténtalo de nuevo");
        }
    });
}


function addFriend2(userId, userName, avatarUrl) {
    var innerHTML = "<img src='" + avatarUrl + "'>" +
    "<div class='modalFormRightContent'>" +
        "<div class='modalFormTitle'>Agregar Amigo:</div>" +
        "<div class='modalFormUserName'>" + userName + "</div>" +
        "<div class='modalFormLabel'>Si lo deseas, escribe un mensaje:</div>" +
        "<textarea id='modalFormMessage'></textarea>" +
        "<input type='button' value='Aceptar' class='button' onclick='sendAddFriend2(" + userId + ")' >" +
    "</div>";

    $("#modalFormContent").html(innerHTML);
    $('#modalForm').modal();
}


function showFriendsList(divcontent) {
      $("#modalFormContent").html(document.getElementById(divcontent).innerHTML);
      $('#modalForm').modal();
}

function sendAddFriend2(userId) {
    $.ajax
    ({
        url: "/friends/addFriendAjax.aspx",
        cache: false,
        data: { idFriend: userId, msg: document.getElementById('modalFormMessage').value },
        success: function(data) {
            $("#modalFormContent").html(
                    "<div class='modalFormResult'>" +
                        "<div class='modalFormResultMessage'>" + data + "</div>" +
                        "<input type='button' class='button' value='Cerrar' onclick='$.modal.close()' >" +
                    "</div>");

            // Cerrar la ventana
            setTimeout(function() {
                $.modal.close();

                // Eliminar el link
                $("#suggestPanel").fadeOut();
            }, 1000);
        },
        error: function(error) {
            alert("Ocurrió un error al enviar el mensaje. Por favor inténtalo de nuevo");
        }
    });
}



function addFriend(userId, avatarUrl, userName) {
    {
        if (avatarUrl == "") {

            avatarUrl = "/public/images/s_silueta.jpg";

        } else {

            avatarUrl = "/private/users/" + userId + "/images/s_" + avatarUrl;

        }

        /*
        var avatarUrl = $("#avatar" + userId).attr("src");
        var userName = $("#userName" + userId).html();
        */

        var innerHTML = "<img src='" + avatarUrl + "'>" +
        "<div class='modalFormRightContent'>" +
            "<div class='modalFormTitle'>Agregar Amigo:</div>" +
            "<div class='modalFormUserName'>" + userName + "</div>" +
            "<div class='modalFormLabel'>Si lo deseas, escribe un mensaje:</div>" +
            "<textarea id='modalFormMessage'></textarea>" +
            "<input type='button' value='Aceptar' class='button' onclick='sendAddFriend(" + userId + ")' >" +
        "</div>";

        $("#modalFormContent").html(innerHTML);
        $('#modalForm').modal();
    }



    


    var postMenus = new Array();

    Scl.onLoad(captureClicks);

    function captureClicks() {
        Scl.bind(document, "click", function() {
            clearMenus();
        });
    }

    function showOptionsLink(id) {
        document.getElementById(id).style.visibility = "visible";
    }
    function hideOptionsLink(id) {
        document.getElementById(id).style.visibility = "hidden";
    }

    function showPostOptions(event, node, type, del, hide, source, item) {
        Scl.cancelBubble(event);

        if (!del && !hide) {
            return;
        }

        // cerrar otros que puedan estar abiertos
        clearMenus();

        //var position = Scl.getPosition(node);
        var jQPosition = $(node).position(); // jQuery tiene un soporte excelente para IE6
        var position = { x: jQPosition.left, y: jQPosition.top };

        var menu = document.createElement("div");
        menu.className = "postMenu";

        if (del) {
            var action = type == 3 ? "deletePost" : "deleteNews"; // WallPost = 3
            var delLink = document.createElement("a");
            Scl.setText(delLink, "Eliminar");
            delLink.href = "/wall/" + action + "/" + item + ".aspx";
            delLink.onclick = function() { if (!confirm('¿Eliminar el comentario?')) return false; };
            menu.appendChild(delLink);
        }

        if (hide) {
            if (del) {
                menu.appendChild(document.createElement("br"));
            }

            var hideLink = document.createElement("a");
            Scl.setText(hideLink, "Ocultar");
            hideLink.href = "/wall/hideUser/" + source + ".aspx";
            hideLink.onclick = function() { if (!confirm('¿Ocultar las noticias de este usuario?')) return false; };
            menu.appendChild(hideLink);
        }

        menu.style.left = position.x + "px";
        menu.style.top = (position.y + 20) + "px";

        node.appendChild(menu);
        postMenus.push({ menu: menu, parent: node });
    }

    function clearMenus() {
        var item = postMenus.pop();

        while (item) {
            item.parent.removeChild(item.menu);
            item.menu = null;
            item = null;
            item = postMenus.pop();
        }
    }
}

if (typeof Czw == "undefined") {
    var Czw =
    {
        /**
        * Cierra un mensaje de notificación y lo guarda como notificado
        */
        closeSystemMessage: function(id, panel) {
            Scl.fadeOut(panel);

            Scl.getJson({
                url: "/systemMessages/setAsNotified.aspx",
                parameters: { id: id },
                error: function(result) { alert("Ha ocurrido un error al procesar la petición: " + result.message); }
            });
        }
    }
}