/**
  * Passt die im Array angegebenen HTML Elemente in der ihrer Höhe an.
  * Der groesste Wert wird auf den Elementen als Inline-CSS gesetz.
  *
  * @author Josiane Manera
  */
  function fitHeight(){
  
    var elements = new Array(document.getElementById('leftContent'), document.getElementById('rightContent'), document.getElementById('centerContent'));

    var tallestHeight = 0;
  
    for(var i = 0; i < elements.length; ++i) {  
      if (elements[i] == null) continue; // Prueft ob das HMTL-Element existiert

      tallestHeight = Math.max(tallestHeight, elements[i].offsetHeight)
    }
  
    for(var i = 0; i < elements.length; ++i) {
      if (elements[i] == null) continue;

      elements[i].style.height = tallestHeight+"px";
    }
  }

  /**
   * Cross-Browser Ereignis-Registrierung
   *
   * @param eventType
   * @param eventListener   Funktion die ausgefuehrt werden soll
   * @param useCaption
   */
  function addEvent(eventType, eventListener, useCaption) {
    if (window.addEventListener) {
      window.addEventListener(eventType, eventListener, useCaption);
      return true;
    }

    if (window.attachEvent) {
      var result = window.attachEvent("on"+eventType, eventListener);
      return result;
    }	   
    return false;
  }
  
  addEvent("load", fitHeight, false);