/**
 * Created by Pascal on 07/04/16.
 */

var inputs = document.getElementsByClassName('type_checkbox');

var select = document.getElementById('select');
var deselect = document.getElementById('deselect');


    select.onclick = function () {
        Array.prototype.forEach.call(inputs, function (el) {
            el.checked = true;
            el.classList.add('active');
        });
        checkAmountActive();
    };

    deselect.onclick = function () {
        Array.prototype.forEach.call(inputs, function (el) {
            el.checked = false;
            el.classList.remove('active');
        });
        checkAmountActive();
    };

$('#typeField .boxes input').click(function () {
    $(this).toggleClass('active');
    checkAmountActive();
});

function checkAmountActive() {
    var amountActive = $('#typeField .boxes input.active').length;

    if (amountActive == $('#typeField .boxes input').length) {
        select.classList.add('inactive');
    }
    else {
        select.classList.remove('inactive');
    }

    if (amountActive == 0) {
        deselect.classList.add('inactive');
    }
    else {
        deselect.classList.remove('inactive');
    }
}

var submitButton = document.getElementById('submitButton');
var form = document.getElementById('selectForm');

submitButton.onclick = function () {
   form.submit();
}