var selectedMembers = new Array();

function clearSelectable() {
    selectedMembers.each(
      function(item) {
          if (item != undefined) {
              SelectableToggleOn(document.getElementById(item));
          }
      }
  )
    selectedMembers = Array();
}

function SelectableToggleSel(el) {
    var deleted = false;
    selectedMembers.each(
                function(item) {
                    if (item == el.id) {
                        delete selectedMembers[selectedMembers.indexOf(el.id)];
                        deleted = true;
                    }
                })

    if (!deleted) { selectedMembers.push(el.id) }
    SelectableToggleOn(el);
}

function SelectableToggleOn(el) {
    if (el.className.indexOf('_clicked', 0) >= 0) {
        el.className = el.className.replace('_clicked', '');
    } else {
        el.className = el.className + '_clicked';
    }
}

function ToggleOn(el) {
    if (el.className.indexOf('_clicked', 0) < 0) {
        el.className = el.className + '_clicked';
    }
}

function ToggleOff(el) {
    if (el.className.indexOf('_clicked', 0) >= 0) {
        el.className = el.className.replace('_clicked', '');
    }
}

function SelectableCount() {
    var counter = 0;
    selectedMembers.each(
        function(item) {
            if (item != null) {
                counter++;
            }
        }
    );
    return counter;
}

function SelectableSerialize() {
    if (selectedMembers.size() > 0) {
        return selectedMembers;
    } else {
        return '';
    }
}