<?php
  $thisPage="portfolio";
  $thistitel = "hb fotos - Portfolio";

  include __DIR__ . "/../layout/header_drop.php";     // kopf
    //include __DIR__ . "/../layout/header_fotos.php";  // Navigation ohne Drop Down

  include __DIR__ . "/../inc/foto_nav.php";           // Navigation mit Drop-down
  include __DIR__ . "/../css/navi.css";

  unset($_SESSION['user_name']);
  //solange keine Auswahl getroffen wurd, werden Einzelbilder der Druppe angezeigt
  if (isset($_GET['carussel'])){ $_SESSION['carussel'] = $_GET['carussel'];}else {$_SESSION['carussel']="00";}

  $str_path = str_replace('http://localhost',"",'http://localhost/home/foto/views/imgEyeC/DSC_0008.jpg');
  $base_ordner = "/home/foto/views/fotos/"; ?>

<!-- *************************************************************************-->
  <div id="wechselbild" style="position:relative; top: -20px;">
    <img src= "<?php echo $str_path; ?>" alt="Eye catcher" style="width:100%; margin-top:50px">
  </div>
  <h4><center>Übersicht Portfolio </center></h4>
  <div class="row"> <h4><center>
    <form action="portfolio" onchange="submit()">
      <input type="radio" name="carussel" id="carussel" value="00" title="carussel" <?php
        if ($_SESSION['carussel'] == "00") { echo "checked=checked"; } ?> />
          <label>
            <small>Einzelbilder</small>
          </label>
      <input type="radio" name="carussel" id="carussel" value="01" onchange="submit()" <?php
        if ($_SESSION['carussel'] == "01") { echo "checked=checked"; } ?> />
          <label>
            <small>Bilderkarussel</small>
          </label>
      <input type="radio" name="carussel" id="carussel" value="02" onchange="submit()"<?php
        if ($_SESSION['carussel'] == "02") { echo "checked=checked"; } ?> />
          <label>
            <small>Einzelbilder</small>
          </label>
    </form>
  </div>
  <div id="portfolio" style="padding:20px;margin-top:0px; background-color:white; height:auto">
    <div class="row"><h4><center>
      <div class="col-sm-3"></div>
      <div class="col-sm-2"><a href="ostfriesland">Ostfriesland</a></div>
      <div class="col-sm-2"><a href="rheinruhr">Rhein und Ruhr</a></div>
      <div class="col-sm-2"><a href="nordpark">Nordpark</a></div>
      <div class="col-sm-3"></div></h4></center>
    </div>
    <hr>
    <div class="row"> <h4><center>
      <div class="col-sm-3"></div>
      <div class="col-sm-2"><a href="natur">Natur</a></div>
      <div class="col-sm-2"><a href="bonsai">Bonsai Bäume</a></div>
      <div class="col-sm-2"><a href="auswahl">Best of</a></div>
      <div class="col-sm-3"></div></h4></center>
    </div>
    <hr>
    <div class="row"> <h4><center>
      <div class="col-sm-3"></div>
      <div class="col-sm-2"><a href="familie">Familie</a></div>
      <div class="col-sm-2"><a href="login">Private Fotos</a></div>
      <div class="col-sm-2"><a href="test">Test</a></div>
      <div class="col-sm-3"></div></h4></center>
    </div>

  <hr>
  <p><center><?php echo  "Karussel: ".$_SESSION['carussel'];?></p>
  <p>Alle Bilder unterliegen meinem Copyright.
      Manche sind mit Wasserzeichen oder meiner Signatur versehen.<br>
      Die Bilder dürfen ohne meine Erlaubnis <u>nicht</u> verwendet werden.</center></p>
</div>

<?php


  include __DIR__ . "/../js/bildwechsel.inc.js";
  include __DIR__ . "/../layout/footer.php";
?>