<?php
//###### CSS-Datei inkludieren
include(phpIncludePhpPage('blog:ernaehrung:vorlagen:tpl_fleischlos_produkt_css'));
################################################################################## ###### Variablen bestimmen ################################################################################## $namespaceNameString = 'wiki:ernaehrung:marke:' . phpCreateDokuWikiConformName($product[$givenProductArrayId]['marke']['wert']); ###### Rekursiv zu durchsuchendes Verzeichnis
$namespaceToImages= 'media:wiki:ernaehrung:marke:ruegenwalder_muehle';
$convertedPath = strtolower(str_replace('pages/media', 'media', phpConvertNamespaceToFilesystemPath($namespaceToImages)));
// ###### Ausschluss-Verzeichnisse und -Dateien festlegen
$excludeArray = array ('.txt');
################################################################################## ###### Vorbereitungen Slideshow (JavaScript-Funktion) ################################################################################## ###### Alle Dateien am angegebenen Pfad finden, exklusive der ausgeschlossenen
$images = recursiveScan($convertedPath, $excludeArray); array_multisort($images, SORT_ASC, $images);
###### Define and fill array in JavaScript with array from PHP echo '<html> <script language="javascript"> var galleryarray=new Array(); '; for ($arrayCounter = 0; $arrayCounter < count($images); $arrayCounter++) { Output it as a JavaScript array element
  echo 'galleryarray[' . $arrayCounter . '] = "https://' . $_SERVER['HTTP_HOST'] . dirname($_SERVER['PHP_SELF']) . '/lib/exe/fetch.php?media=' . $images[$arrayCounter] . '";';
}
echo '
    function rotateimages(givenimage){
      document.getElementById("slideshow").setAttribute("src", galleryarray[givenimage])
    }
  </script>
</html>';
################################################################################## ###### HTML-Tag öffnen ################################################################################## echo '<html>'; echo ' <!– ################################################################################## ###### parentbox umspannender Inhalts-Container (öffnen) ################################################################################## –>
<div class="parentbox">
<!– ################################################################################## ###### Sectionbox für Spalten im umspannenden Inhalts-Container (öffnen) ################################################################################## –>
<!– ################################################################################## ###### Linke Spalte (öffnen) ################################################################################## –>
      <div class="dateBox">Beitrag vom ' . $blogPageData[$givenBlogArrayId]['blogPageCreationDate'] . ' auf ' . $_SERVER['SERVER_NAME'] . '</div>
      <br /><br />
<!– ################################################################################## ###### titlebox (Produktname) ################################################################################## –>
    <div class="titlebox-top"></html>' . $product[$givenProductArrayId]['marke']['wert'] . '  \\\\  ' . $product[$givenProductArrayId]['produktlinie']['wert'] . '  \\\\  ' . $product[$givenProductArrayId]['produktname']['wert'] . ' ' . $product[$givenProductArrayId]['produktnamenszusatz']['wert'] . '<html></div>
    <div class="titlebox-bottom">Erfahrungsbericht</div>
  </div>
<!– ################################################################################## ###### sectionbox (Produktbild) ################################################################################## –>
    <div class="coverbox-image-center"></html>{{' . $namespaceNameString . ':' . $product[$givenProductArrayId]['imageCover']['wert'] . '?nolink}}<html></div>
  </div>
<!– ################################################################################## ###### sectionbox (Eyecatcher) ################################################################################## –>
    <div class="contentbox">' . $blogPageData[$givenBlogArrayId]['blogPageEyeCatcher'] . '
    </div>
  </div>
<!– ################################################################################## ###### sectionbox (Vorwort) ################################################################################## –>
    <div class="contentbox">Vorwort
      <div class="contentbox-information"></html>' . $blogPageData[$givenBlogArrayId]['blogPagePreamble'] . '<html></div>
    </div>
  </div>
<!– ################################################################################## ###### sectionbox (Erster Eindruck) ################################################################################## –>
    <div class="contentbox">Der erste Eindruck
      <div class="contentbox-information"></html>' . reset(explode('<split>', $blogPageData[$givenBlogArrayId]['blogPageFirstImpression'])) . '<html></div>
      <div class="coverbox-image-center">
        <img id="slideshow" src="https://' . $_SERVER['HTTP_HOST'] . dirname($_SERVER['PHP_SELF']) . '/lib/exe/fetch.php?media=' . $images[0] . '" />
      </div>
<!– Image-Thumbnail-Ribbon zur Darstellung aller Images –>
<div class "imageRibbonContent" style="height: 100%; margin-left: auto; margin-right: auto; white-space: nowrap;">
';
for ($arrayCounter = 0; $arrayCounter < count($images); $arrayCounter++) {
  echo '<img style="height: 100%;" id="slideshow" onclick="rotateimages(' . $arrayCounter . '); return false;" onmouseover="rotateimages(' . $arrayCounter . '); return false;" src="https://' . $_SERVER['HTTP_HOST'] . dirname($_SERVER['PHP_SELF']) . '/lib/exe/fetch.php?media=' . $images[$arrayCounter]. '" />';
}
echo'
        </div>
      </div>        
      <div class="contentbox-information"></html>' . end(explode('<split>', $blogPageData[$givenBlogArrayId]['blogPageFirstImpression'])) . '<html></div>
    </div>
  </div>
<!– ################################################################################## ###### sectionbox (Was steckt drin) ################################################################################## –>
    <div class="contentbox">Was steckt drin
      <div class="contentbox-information"></html>' . $blogPageData[$givenBlogArrayId]['blogPageInsideProduct'] . '<html></div>
    </div>
  </div>
<!– ################################################################################## ###### sectionbox (Zutaten) ################################################################################## –>
    <div class="contentbox">Die Zutaten (Stand: ' . $blogPageData[$givenBlogArrayId]['blogPageCreationDate'] . ')
      <div class="contentbox-information"></html>' . $blogPageData[$givenBlogArrayId]['blogPageIngredients'] . ' [[blog:ernaehrung:vorlagen:tpl_fleischlos_produkt_bewertung_call?currentPageId=' .  end(explode( ':', $blogPageData[$articleCounter]['includeFileData'] )) . '¤tBlogContentFile=' . $blogPageData[$articleCounter]['blogPageDataFile'] . '|Produktdetails...]]<html></div>
    </div>
  </div>
<!– ################################################################################## ###### sectionbox (Die Stunde der Wahrheit) ################################################################################## –>
    <div class="contentbox">Die Stunde der Wahrheit
      <div class="contentbox-information"></html>' . reset(explode('<split>', $blogPageData[$givenBlogArrayId]['blogPageMainTest'])) . '<html></div>
      <div class="sectionbox-row">
        <div class="coverbox-image-center"></html>{{' . $namespaceNameString . ':' . $blogPageData[$givenBlogArrayId]['blogPageImageComp1'] . '?nolink}}Abb.1 ' . $blogPageData[$givenBlogArrayId]['blogPageImageComp1Note'] .'<html></div>
        <div class="coverbox-image-center"></html>{{' . $namespaceNameString . ':' . $blogPageData[$givenBlogArrayId]['blogPageImageComp2'] . '?nolink}}Abb.2 ' . $blogPageData[$givenBlogArrayId]['blogPageImageComp2Note'] .'<html></div>
      </div>
      <div class="contentbox-information"></html>' . end(explode('<split>', $blogPageData[$givenBlogArrayId]['blogPageMainTest'])) . '<html></div>
    </div>
  </div>
<!– ################################################################################## ###### sectionbox (Fazit) ################################################################################## –>
    <div class="contentbox">Fazit
      <div class="contentbox-information"></html>' . $blogPageData[$givenBlogArrayId]['blogPageConclusion'] . '<html></div>
    </div>
<!– ################################################################################## ###### Linke Spalte (schließen) ################################################################################## –> </div> <!– ################################################################################## ###### Rechte Spalte (öffnen) ################################################################################## –>
  </div>
  
    <div class="contentbox-right">
<!– ################################################################################## ###### Rechte Spalte (schließen) ################################################################################## –> </div> <!– ################################################################################## ###### Sectionbox für Spalten im umspannenden Inhalts-Container (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> '; ?>