<!-- BEGIN FLIPBOOK STRUCTURE -->
<div id="fb5-ajax">


      <!-- BEGIN HTML BOOK -->
      <div data-current="book5" class="fb5" id="fb5">

            <!-- PRELOADER -->
            <div class="fb5-preloader">
            <div id="wBall_1" class="wBall">
            <div class="wInnerBall">
            </div>
            </div>
            <div id="wBall_2" class="wBall">
            <div class="wInnerBall">
            </div>
            </div>
            <div id="wBall_3" class="wBall">
            <div class="wInnerBall">
            </div>
            </div>
            <div id="wBall_4" class="wBall">
            <div class="wInnerBall">
            </div>
            </div>
            <div id="wBall_5" class="wBall">
            <div class="wInnerBall">
            </div>
            </div>
            </div>


            <!-- BACKGROUND FOR BOOK -->
            <div class="fb5-bcg-book"></div>

            <!-- BEGIN CONTAINER BOOK -->
            <div id="fb5-container-book">

                <!-- BEGIN deep linking -->
                <section id="fb5-deeplinking">
                     <ul>
                          <li data-address="page1" data-page="1"></li>
                          <li data-address="page2-page3" data-page="2"></li>
                          <li data-address="page2-page3" data-page="3"></li>
                          <li data-address="page4-5" data-page="4"></li>
                          <li data-address="page4-5" data-page="5"></li>
                          <li data-address="page6-page7" data-page="6"></li>
                          <li data-address="page6-page7" data-page="7"></li>
                          <li data-address="page8-page9" data-page="8"></li>
                          <li data-address="page8-page9" data-page="9"></li>
                          <li data-address="10-11" data-page="10"></li>
                          <li data-address="10-11" data-page="11"></li>
                          <li data-address="end" data-page="12"></li>
                     </ul>
                 </section>
                <!-- END deep linking -->


                <!-- BEGIN ABOUT -->
                <section id="fb5-about">
					<p>Wir danken allen,<br />
					die sich in der Trauer mit uns verbunden fühlten <br />
					und Ihre Anteilnahme auf so <br />
					liebevolle Weise zum Ausdruck brachten.<br /> <br />
					Die Trauerfamilie</p>
                </section>
                <!-- END ABOUT -->


                <!-- BEGIN BOOK -->
                <div id="fb5-book">


                <!-- BEGIN PAGE 1-->
                <div data-background-image="" class="">

                     <!-- begin container page book -->
                     <div class="fb5-cont-page-book" style="background:url(<?php echo DIR . 'app/theme/images/cover.png';?>);background-size: 100%;">

                                    <!-- description for page  -->
                                    <div class="fb5-page-book">
                                       <div id="fb5-cover">
											<div class="cover-meta">
												<h2><?php echo $sf->post_title;?></h2>
												<hr class="kbhr" />
												<h3>Kondolenzbuch</h3>
											</div>
											<div class="cover-portrait">
												<?php echo get_media($sf->get_meta("meta_portrait"), "cover-portrait-img");?>
											</div>
											<h5 class='cover-sterbetag'>&dagger; <?php echo $sf->get_meta('meta_sterbetag');?></h5>
                                      </div>
                                   </div>
                                   <!-- end description for page  -->

                                  <!-- number page and title -->
                                  <div class="fb5-meta">
                                        <span class="fb5-description"></span>
                                        <span class="fb5-num"></span>
                                  </div>
                                  <!-- end number page and title  -->
                      </div>
                      <!-- end container page book -->

                </div>
                <!-- END PAGE 1 -->



                <?php
					if ($data['kondolenzen'] != NULL) {
						$left = true;
						$counter = 0;
						foreach ($data['kondolenzen'] as $k) {
							$counter++;
							if ($left == true) {
								$left = false;
								echo "<div data-background-image='' class='page-l'>";
								echo "<div class='fb5-cont-page-book'>";
								echo "<div class='fb5-page-book inner'>";
								echo "<div class='kondolenz-content'>" . $k->kondolenz_text . " <div>" . $k->kondolenz_name . "</div></div>";
								echo "<div class='kondolenz-datum'>Geschrieben am: " . $k->nice_date() . "</div>";
								echo "</div>";
								echo "</div>";
								echo "</div>";
							} else {
								$left = true;
								echo "<div data-background-image='' class='page-r'>";
								echo "<div class='fb5-cont-page-book'>";
								echo "<div class='fb5-page-book inner'>";
								echo "<div class='kondolenz-content'>" . $k->kondolenz_text . " <div>" . $k->kondolenz_name . "</div></div>";
								echo "<div class='kondolenz-datum'>Geschrieben am: " . $k->nice_date() . "</div>";
								echo "</div>";
								echo "</div>";
								echo "</div>";
							}
						}

						if ($counter % 2 != 0) {
							echo "<div data-background-image='' class='page-r'>";
								echo "<div class='fb5-cont-page-book'>";
								echo "<div class='fb5-page-book inner'>";

								echo "</div>";
								echo "</div>";
								echo "</div>";
						}
					}
				?>
                <div data-background-image="<?php echo DIR . 'app/theme/images/backcover.png';?>" class="">
					<div class="fb5-cont-page-book">
						<div class="fb5-page-book">

						</div>
					</div>
                </div>
                <!-- END PAGE 12 -->


              </div>
              <!-- END BOOK -->


              <!-- arrows -->
              <a class="fb5-nav-arrow prev"></a>
              <a class="fb5-nav-arrow next"></a>


             </div>
             <!-- END CONTAINER BOOK -->


        <!-- BEGIN FOOTER -->
        <div id="fb5-footer">

            <div class="fb5-bcg-tools"></div>

            <a id="fb5-logo" target="_blank" href="http://codecanyon.net/user/flashmaniac?ref=flashmaniac">
                <img alt="" src="img/logo.png">
            </a>

            <div class="fb5-menu" id="fb5-center">
                <ul>

                    <!-- icon download -->
                    <li>
                        <a title="DOWNLOAD (ZIP)  " class="fb5-download" href="img/file.pdf"></a>
                    </li>


                    <!-- icon_zoom_in -->
                    <li>
                        <a title="ZOOM IN" class="fb5-zoom-in"></a>
                    </li>

                    <!-- icon_zoom_out -->

                    <li>
                        <a title="ZOOM OUT " class="fb5-zoom-out"></a>
                    </li>

                    <!-- icon_zoom_auto -->
                    <li>
                        <a title="ZOOM AUTO " class="fb5-zoom-auto"></a>
                    </li>

                    <!-- icon_zoom_original -->
                    <li>
                        <a title="ZOOM ORIGINAL (SCALE 1:1)" class="fb5-zoom-original"></a>
                    </li>


                    <!-- icon_allpages -->
                    <li>
                        <a title="SHOW ALL PAGES " class="fb5-show-all"></a>
                    </li>


                    <!-- icon_home -->
                    <li>
                        <a title="SHOW HOME PAGE " class="fb5-home"></a>
                    </li>

                </ul>
            </div>

            <div class="fb5-menu" id="fb5-right">
                <ul>
                    <!-- icon page manager -->
                    <li class="fb5-goto">
                        <label for="fb5-page-number" id="fb5-label-page-number">PAGE</label>
                        <input type="text" id="fb5-page-number">
                        <button type="button">GO</button>
                    </li>

                    <!-- icon contact form -->
                    <li>
                        <a title="SEND MESSAGE" class="contact"></a>
                    </li>

                    <!-- icon fullscreen -->
                    <li>
                        <a title="FULL / NORMAL SCREEN" class="fb5-fullscreen"></a>
                    </li>

                </ul>
            </div>



        </div>
        <!-- END FOOTER -->


        <!-- BEGIN CONTACT FORM -->
            <div id="fb5-contact" class="fb5-overlay">

         <form>
            <a class="fb5-close">X</a>

            <fieldset>
                <h3>CONTACT</h3>

                <p>
                    <input type="text" class="req" id="fb5-form-name" value="name...">
                </p>

                <p>
                    <input type="text" class="req" id="fb5-form-email" value="email...">
                </p>

                <p>
                    <textarea class="req" id="fb5-form-message">message...</textarea>
                </p>

                <p>
                    <button type="submit">SEND MESSAGE</button>
                </p>
            </fieldset>

            <fieldset class="fb5-thanks">
                <h1>Thanks for your email</h1>
    <p>Lorem ipsum dolor sit amet, vel ad sint fugit, velit nostro pertinax ex qui, no ceteros civibus explicari est. Eleifend electram ea mea, omittam reprehendunt nam at. Putant argumentum cum ex. At soluta principes dissentias nam, elit voluptatum vel ex.</p>		</fieldset>
         </form>

       </div>
          <!-- END CONTACT FORM -->


        <!-- BEGIN ALL PAGES -->
          <div id="fb5-all-pages" class="fb5-overlay">

          <section class="fb5-container-pages">

            <div id="fb5-menu-holder">

                <ul id="fb5-slider">

                         <li class="1">
                           <img alt="" data-src="pages/thumbs/1_.jpg">
                         </li>

                         <li class="2">
                           <img alt="" data-src="pages/thumbs/2_.jpg">
                         </li>

                         <li class="3">
                           <img alt="" data-src="pages/thumbs/3_.jpg">
                         </li>

                         <li class="4">
                           <img alt="" data-src="pages/thumbs/4_5_.jpg">
                         </li>

                         <li class="6">
                           <img alt="" data-src="pages/thumbs/6_.jpg">
                         </li>

                         <li class="7">
                           <img alt="" data-src="pages/thumbs/7_.jpg">
                         </li>

                         <li class="8">
                           <img alt="" data-src="pages/thumbs/8_.jpg">
                         </li>

                         <li class="9">
                           <img alt="" data-src="pages/thumbs/9_.jpg">
                         </li>

                         <li class="10">
                           <img alt="" data-src="pages/thumbs/10_11_.jpg">
                         </li>

                         <li class="12">
                           <img alt="" data-src="pages/thumbs/12_.jpg">
                         </li>

                  </ul>

              </div>

          </section>

         </div>
         <!-- END ALL PAGES -->


   </div>
   <!-- END HTML BOOK -->


    <!-- CONFIGURATION FLIPBOOK -->
    <script>
    jQuery('#fb5').data('config',
    {
    "page_width":"550",
    "page_height":"715",
	"email_form":"[email protected]",
    "zoom_double_click":"false",
    "zoom_step":"0.06",
    "double_click_enabled":"true",
    "tooltip_visible":"true",
    "toolbar_visible":"false",
    "gotopage_width":"30",
    "deeplinking_enabled":"false",
    "rtl":"false",
    'full_area':'false',
	'lazy_loading_thumbs':'false',
	'lazy_loading_pages':'false'
    }).ready(function() {

	});
    </script>


</div>
<!-- END FLIPBOOK STRUCTURE -->
         </div>

         <div class="section_divider_weiss"></div>

<!-- Divs der Include Datei werden hier geschlossen -->
			</div>
        </div>
    </div>
</header>