function showCollection(jaar,maand,type)
{
  var el = document.getElementById(type);
  var elementen = el.getElementsByTagName('tr');
  for (var i=0,length = elementen.length;i<length;i++)
  {
    if (elementen[i].className.indexOf("archief") !== -1)
    {
      var controle = "archief-"+jaar+"-"+maand;
      if (elementen[i].className === controle) {
        elementen[i].style.display= "";
      } else {
        elementen[i].style.display= "none";
      }
    }
    else
    {
        elementen[i].style.display= "none";
    }
  }
}

var Modifiers, Animator;
function expandContent()
{
  // clean up current status
  var el = document.getElementById("meer");
  el.style.overflow = "";
  el.style.height = "";

  // store old className and height
  var currentClassName = el.className;
  var currentHeight = el.offsetHeight;

  // get new className and height
  var newClassName = (currentClassName === "collapsed")? "expanded" : "collapsed";
  el.className = newClassName;
  var newHeight = el.offsetHeight;

  // manually set to old
  el.style.height = currentHeight + "px";
  el.style.overflow = "hidden";

  var modifiers = new Modifiers();
  modifiers.duration = 750;
  modifiers.profile = modifiers.DECELERATING;
  var result = new Animator([{element:el,targetState:{height:newHeight}}],modifiers);
}

function switchClass(who)
{
 var el = document.getElementById(who);
 if (el.className === "hide")
 {
   el.className = "unhide";
 }
 else
 {
   el.className = "hide";
 }
}

function switchState(who)
{
  var el = document.getElementById(who);
  

if (who === "MetaTable")
  {
    if(el.style.display === 'none')
    {
      // ff de 2 rijen checkboxen vullen
      fillCheckBoxen('audience');
      fillCheckBoxen('category');
      fillCheckBoxen('organisationType');
    }
  }

  

  if (el.style.display === "") {
    el.style.display = 'none';
  } else {
    el.style.display = '';
    if (who === "aanmelden") {
      var zoekveld = document.getElementById('aanmeldennb');
      zoekveld.focus();
    }
  }
}

function clickCheckboxContainer(Id)
{
  // is er op een checkbox geklikt
  var el = event.srcElement;  
  if (el.tagName === "INPUT")
  {
    updateTextField(el,Id);
  }
}

function updateTextField(checkboxEl,Id) {
  var root = document.getElementById(Id);
  var checkboxes = root.getElementsByTagName("input");
  var textField = document.getElementById(Id+"-editor").firstChild;
  var s = [];
  for (var i=0, length=checkboxes.length; i<length; i++) {
    if (checkboxes[i].checked) {
      s.push(checkboxes[i].value);
    }
  }
  textField.firstChild.data = s.join(";");
}

function fillCheckBoxen(who)
{
  var lokatie = document.getElementById(who);  
  var checkBoxes = lokatie.getElementsByTagName("input");

  var textField = document.getElementById(who+"-editor").firstChild;
  
  var waarde = textField.firstChild.data;
  var item = waarde.split(";");
 
  for (var i=0, length=item.length;i<length;i++)
  {
    if (document.getElementById(who+item[i])) {
      document.getElementById(who+item[i]).checked = "true";
    }
  }
}

function fillRadioBoxen(who)
{
  var lokatie = document.getElementById(who);  
  var checkBoxes = lokatie.getElementsByTagName("input");

  var textField = document.getElementById(who+"-editor").firstChild;
  
  var waarde = textField.firstChild.data;
  if (document.getElementById(waarde)) {
    document.getElementById(waarde).checked = "true";
  }
}

function fillMeta()
{
// fill the metadata first

if (document.getElementById("MetaTable") !== null)
{
    fillCheckBoxen('audience');
    fillCheckBoxen('category');
    fillCheckBoxen('organisationType');
}
}