function toggleVoter(voterId) {
    var voter = document.getElementById(voterId);
    if (voter != null) {
        voter.style.display=='block' ? voter.style.display='none' : voter.style.display='block';
    }
}

function sendForm(form) {
    form.disabled = true;
    form.elements['sendbutton'].disabled = true;
}

function showProfile(path) {
    var settings = 'width=400,height=400,scrollbars=no,resizable=no';
    window.open(path, 'profile', settings);
}

function showDefaultImage(path) {
    var settings = 'scrollbars=no,resizable=no';
    window.open(path, 'defaultimage', settings);
}

function voting(form, id, url) {

    var oXHR = zXmlHttp.createRequest();
    var sBody = "vote=" + form.vote.value + "&imageId=" + form.imageId.value;
    oXHR.open("post", url, true);
    oXHR.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

    oXHR.onreadystatechange = function () {
        if (oXHR.readyState == 4) {
            if (oXHR.status == 200 && oXHR.getResponseHeader("Ajax") == "true") {
                updateResult(id, oXHR.responseText, true);
            } else {
                updateResult(id, oXHR.responseText, false);
            }
        }
    };
    oXHR.send(sBody);
}

function updateResult( id, response, isSuccess ) {
    if ( isSuccess ) {
        var resArr = response.split( "@" );

        var ratingId = "rateNum_" + id;
        var rateElement = document.getElementById(ratingId);
        rateElement.innerHTML = resArr[0];

        var voteId = "voteNum_" + id;
        var voteElement = document.getElementById(voteId);
        voteElement.innerHTML = resArr[1];
    } else {
        alert( "Error occured: " + response );
    }
}