<?php 

//###### CSS-Datei inkludieren
include(phpIncludePhpPage('wiki:ernaehrung:css:css_fleischlos_produkt'));

################################################################################## ###### HTML-Tag öffnen ################################################################################## echo '<html>'; ###### Variablen bestimmen 

$namespaceNameString = 'wiki:ernaehrung:marke:' . phpCreateDokuWikiConformName($product[$givenProductArrayId]['marke']['wert']);
if ($product[$givenProductArrayId]['empfehlung']['wert'] == "4") {
  $suggestionIcon = 'wiki:ernaehrung:icons:alticon_lebensmittel_tipp_4v4.png';
} elseif ($product[$givenProductArrayId]['empfehlung']['wert'] == "3") {
  $suggestionIcon = 'wiki:ernaehrung:icons:alticon_lebensmittel_tipp_3v4.png';
} elseif ($product[$givenProductArrayId]['empfehlung']['wert'] == "1") {
  $suggestionIcon = 'wiki:ernaehrung:icons:alticon_lebensmittel_tipp_1v4.png';
} else {
  $suggestionIcon = 'wiki:ernaehrung:icons:alticon_lebensmittel_tipp_2v4.png';
}

echo ' <!– ################################################################################## ###### parentbox umspannender Inhalts-Container (öffnen) ################################################################################## –>

<!– ################################################################################## ###### titlebox (Produktname) ################################################################################## –> 

    <div class="titlebox-top"></html>' . $product[$givenProductArrayId]['produktlinie']['wert'] . '<html></div>
    <div class="titlebox-bottom"></html>' . $product[$givenProductArrayId]['produktname']['wert'] . '<html> (<script language="javascript">document.write(Math.max(document.documentElement.clientWidth, window.innerWidth || 0) + "x" + Math.max(document.documentElement.clientHeight, window.innerHeight || 0) + " @ " + screen.width + "x" + screen.height); </script>)</div>
  </div>

<!– ################################################################################## ###### titlebox (Produktname) ################################################################################## –> 

    <div class="summarybox-image"></html>{{' . $namespaceNameString . ':' . $product[$givenProductArrayId]['imageCover']['wert'] . '?nolink}}<html></div>
    <div class="summarybox-information">Fazit:
      <div class="summarybox-information-content"><poem></html>' . $product[$givenProductArrayId]['fazit']['notiz'] . '<html></poem><br /><br /></div>
    </div>
  </div>

<!– ################################################################################## ###### suggestionbox (Icon und Fazit) ################################################################################## –>

Mein Gesamturteil: 

    <div class="suggestbox-row">
      <div class="suggestbox-row-icon"></html>{{' . $suggestionIcon . '?nolink}}<html></div>
      <div class="suggestbox-row-information">
        <div class="suggestbox-row-information-title">Meine Empfehlung</div>
        <div class="suggestbox-row-information-content">
<!-- ###### Geschmack -->
          <div class="suggestbox-rating-box">
            <div class="suggestbox-rating-title">Geschmack</div>
            <div class="suggestbox-rating-scale" style="padding-left: calc(calc(' . ($product[$givenProductArrayId]['geschmack']['wert'] - 1) . ') * var(--div-suggestbox-rating-scale-marks) + calc(var(--global-font-size)/2));">
              &#9733;
            </div>
            <div class="suggestbox-rating-icon"></html>{{wiki:ernaehrung:icons:alticon_lebensmittel_geschmack_' . $product[$givenProductArrayId]['geschmack']['wert'] . 'v4.png?nolink}}<html></div>
          </div>
<!-- ###### Wuerze -->
          <div class="suggestbox-rating-box">
            <div class="suggestbox-rating-title">Würze</div>
            <div class="suggestbox-rating-scale" style="padding-left: calc(calc(' . ($product[$givenProductArrayId]['wuerze']['wert'] - 1) . ') * var(--div-suggestbox-rating-scale-marks) + calc(var(--global-font-size)/2));">
              &#9733;
            </div>
            <div class="suggestbox-rating-icon"></html>{{wiki:ernaehrung:icons:alticon_lebensmittel_wuerze_' . $product[$givenProductArrayId]['wuerze']['wert'] . 'v4.png?nolink}}<html></div>
          </div>
        </div>
      </div>
    </div>
  </div>

<!– ################################################################################## ###### Erkenntnisbox Merkmale (öffnen) ################################################################################## –>

Meine Erkenntnisse:'; 

  
foreach ($product[$givenProductArrayId] as $currentProductCriteriaName=>$currentProductCriteriaProperty) {
  //echo "<br /><br />{$currentProductCriteriaName}<br />";
  //  echo "{$currentProductCriteriaProperty['kategorie']}<br />{$currentProductCriteriaProperty['wert']}<br />{$currentProductCriteriaProperty['notiz']}";
  
  // Sonderzeichen wieder herstellen
  if ($currentProductCriteriaName == 'suessstofffrei') { $customizedProductCriteriaName = 'süßstofffrei'; }
  elseif ($currentProductCriteriaName == 'huehnereifrei') { $customizedProductCriteriaName = 'hühnereifrei'; }
  elseif ($currentProductCriteriaName == 'palmoelfrei') { $customizedProductCriteriaName = 'palmölfrei'; }
  else { $customizedProductCriteriaName = $currentProductCriteriaName; }
  
  //Kriteriennamen 'gross' schreiben
  $customizedProductCriteriaName = ucfirst($customizedProductCriteriaName);
  // 'frei' aus dem String entfernen und 'Ohne ' voranstellen
  if (strpos($customizedProductCriteriaName , 'frei') !== false) {
    $customizedProductCriteriaName = "Ohne " . str_replace("frei","",$customizedProductCriteriaName);
  }
  if (($currentProductCriteriaProperty['kategorie'] == 'label') || ($currentProductCriteriaProperty['kategorie'] == 'merkmal')) {
    echo'
      <div class="suggestbox-row">
        <div class="suggestbox-row-icon"></html>{{wiki:ernaehrung:icons:alticon_lebensmittel_' . $currentProductCriteriaName . '.png?nolink}}<html></div>
        <div class="suggestbox-row-information">
          <div class="suggestbox-row-information-title"></html>' . $customizedProductCriteriaName  . '<html></div>
          <div class="suggestbox-row-information-content"></html>' . $currentProductCriteriaProperty['notiz'] . '<html></div>
        </div>
      </div>
    ';
  }
}

echo ' <!– ################################################################################## ###### Erkenntnisbox Merkmale (schließen) ################################################################################## –> </div> <!– ################################################################################## ###### parentbox umspannender Inhalts-Container (schließen) ################################################################################## –> 

</div>

<script> var biggestHeight = 0; Loop through elements children to find & set the biggest height $(".parentbox*").each(function(){ If this elements height is bigger than the biggestHeight if ($(this).height() > biggestHeight ) { 

 // Set the biggestHeight to this Height
 biggestHeight = $(this).height();

} });

Set the container height $(".parentbox").height(biggestHeight); </script> <!– ################################################################################## ###### HTML-Tag schließen ################################################################################## –> </html> ';