/**
  * 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

      var currentBoxHeight;

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

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

  /**
   * Reset der Spaltenhöhe.
   */
  function resetFitBoxHeight(){
    var elements = new Array(document.getElementById('leftContent'), document.getElementById('rightContent'), document.getElementById('centerContent'));

    for(var i = 0; i < elements.length; ++i) {
      if (elements[i] == null) continue;
      elements[i].style.height = "auto";
    }
    fitHeight();
  }
  
  /**
   * Gibt die Höhe des Elmentes zurück als Int.
   * @retrun Höhe des Elementes als Int.
   */
  function getComputedHeight(element) {
    if( window.getComputedStyle ) {
      var elemHeight = window.getComputedStyle(element, null).height;
      return Math.ceil(separatePXFromValue(elemHeight));
    } else {
      // only for IE
      return parseInt(element.offsetHeight);
    }
  }
  
  /**
   * Wandelt den mitgegebenen PX-Wert in einen Int ohne Masseingeit um.
   * @retrun Int Wert.
   */
  function separatePXFromValue(value) {
    return parseInt(value.split('px')[0]);
  }
  
  /**
   * 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);