function feedbackInit() {
    var form = document.getElementById('feedback-form');
    addEvent(form, 'submit', function() {return sendForm(this);});

    var popup = document.getElementById('feedback-popup');
    popup.style.top = "15%";

    var feedback = document.getElementById('feedback');
    addEvent(feedback, 'mouseover', function() {return setMouseOver(this);});
    addEvent(feedback, 'mouseout', function() {return setMouseOut(this);});
    addEvent(feedback, 'click', function() {return feedbackPopup();});

    var error = document.getElementById('feedback-error');
    error.style.display = "none";

    var items = getElementsByClassName('fb-selectable', 'DIV', document);
    for (var i = 0; i < items.length; i++) {
        addEvent(items[i], 'click', function() {return selectQuestionIcon(this);});
    }
}

function feedbackPopup() {
    openPopup('feedback-popup');
}

function setMouseOver(item) {
    item.className = addClass(item.className, 'over');
}

function setMouseOut(item) {
    item.className = removeClass(item.className, 'over');
}

function selectQuestionIcon(the_item) {
    var items = getElementsByClassName('fb-selectable', 'DIV', document);
    for (var i = 0; i < items.length; i++) {
        items[i].className = removeClass(items[i].className, 'selected');
    }
    the_item.className = addClass(the_item.className, 'selected');
    return false;
}

function sendForm(form) {
    var title = form.elements["title"].value;
    var desc = form.elements["description"].value;
    var name = form.elements["name"].value;
    var email = form.elements["email"].value;

    if (title.length < 3) {
        alertPopup("Debes escribir un buen titulo para tu mensaje");
        return false;
    }

    xmlhttpPost('/action/a_feedback/',
            'subject='+encodeURIComponent(title)+'&content='+encodeURIComponent(desc)+
            '&name='+encodeURIComponent(name)+'&email='+encodeURIComponent(email),
            closeFeedbackForm);
    form.elements["send"].disabled = true;
    return false;
}

function closeFeedbackForm(resp) {
    var form = document.getElementById('feedback-form');
    form.elements["send"].disabled = false;

    var result = splitEx(resp, ' ', 2);
    if (result[0] != 'ok') {
        var error = document.getElementById('feedback-error');
        error.style.display = "block";
        error.innerHTML = result[1];
    } else {
        form.elements["title"].value = '';
        form.elements["description"].value = '';

        var popup = document.getElementById('feedback-popup');
        closePopup(popup);
        alertPopup("Gracias! En breve atenderemos tu consulta")
    }
}

addLoadEvent(feedbackInit);