<?php
function error_found()
  {header("Location: 404.php");}
set_error_handler('error_found');
?>




<!doctype html>

<html class="no-js" lang="en">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <?php include 'includes/head.php';?>  
</head>
<body class="collapsing_header">
<header>
     <?php include 'includes/header.php';?>
</header>


<div class="main">

<div class="container">
    
<!-- Slideshow container -->
<div class="slideshow-container">

  <!-- Full-width images with number and caption text -->
  <div class="mySlides fade">
    <!-- <div class="numbertext">1 / 3</div> -->
    <img src="imagens/foto19.jpg" style="width:100%">
    <!-- <div class="text">Caption Text</div> -->
  </div>
  
  
  <div class="mySlides fade">
    <!-- <div class="numbertext">1 / 3</div> -->
    <img src="imagens/foto9.jpg" style="width:100%">
    <!-- <div class="text">Caption Text</div> -->
  </div>

  <div class="mySlides fade">
    <img src="imagens/foto11.jpg" style="width:100%">
  </div>

  <div class="mySlides fade">
    
    <img src="imagens/foto12.jpg" style="width:100%">
    
  </div>
  
  <div class="mySlides fade">
    
    <img src="imagens/foto13.jpg" style="width:100%">
    
  </div>

  <div class="mySlides fade">
    
    <img src="imagens/foto14.jpg" style="width:100%">
    
  </div>
  
  <div class="mySlides fade">
    
    <img src="imagens/foto15.jpg" style="width:100%">
    
  </div> 
  
  <div class="mySlides fade">
    
    <img src="imagens/foto16.jpg" style="width:100%">
    
  </div>
  
  <div class="mySlides fade">
    
    <img src="imagens/foto17.jpg" style="width:100%">
    
  </div>
  
  <div class="mySlides fade">
    
    <img src="imagens/foto18.jpg" style="width:100%">
    
  </div>
  
  <div class="mySlides fade">
    
    <img src="imagens/foto20.jpg" style="width:100%">
    
  </div>
  
  <div class="mySlides fade">
    
    <img src="imagens/foto21.jpg" style="width:100%">
    
  </div>
  
  <div class="mySlides fade">
    
    <img src="imagens/foto22.jpg" style="width:100%">
    
  </div>
  
  <!-- Next and previousbuttons 
  <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
  <a class="next" onclick="plusSlides(1)">&#10095;</a>
  -->
  
  <a class="prev" onclick="plusslides (-1)">&#10094;</a>
  <a class="next" onclick="plusslides (1)">&#10095;</a>
  


<!-- The dots/circles 
<div style="text-align:center">
  <span class="dot" onclick="currentSlide(1)"></span> 
  <span class="dot" onclick="currentSlide(2)"></span> 
  <span class="dot" onclick="currentSlide(3)"></span> 
  <span class="dot" onclick="currentSlide(4)"></span> 
  <span class="dot" onclick="currentSlide(5)"></span> 
  <span class="dot" onclick="currentSlide(6)"></span> 
  <span class="dot" onclick="currentSlide(7)"></span> 
  <span class="dot" onclick="currentSlide(8)"></span> 
</div>     
-->    
    
</div> <!-- Slideshow container -->

<br><br><br><br><br><br><br>

<div class="row">
 
  <div class="col-sm-4 col-md-4" align="center">
    <div1>
      
    </div1>
  </div>
  
  <div class="col-sm-4 col-md-4" align="center">
    <div1>
<!--      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; -->
      <a href="reservas.php" class="btn btn-danger btn-lg"><strong>  Reservas OnLine  </strong></a> 
    </div1>
  </div>
  
  <div class="col-sm-4 col-md-4" align="center">
    <div1>
      <button onclick="ctrlslides(9998)">&#x23F8;</button>
      <button onclick="ctrlslides(9999)">&#x23F5;</button>
    </div1>
  </div>
  
  </div>

</div> <!-- container -->


</div> <!-- main -->  
   
   
   
   <footer>
          <?php include 'includes/footer.php';?>
   </footer>



<script>
var slideindex = 0;
var timer;

showSlides();

// stop and play controls
function ctrlslides (n) {
    
    if (n == 9998) { clearTimeout(timer); }
    if (n == 9999) { showSlides(); }  
    console.log (slideindex);
}
// Next/previous controls
function para () {
    clearTimeout(timer);
}

function plusslides (m) {
var slides = document.getElementsByClassName("mySlides");    
    //para ();
    clearTimeout(timer);
    
    if (m == 1) {   }
    if (m == -1) { slideindex--;slideindex--;}
    if (slideindex > slides.length) {slideindex = 1} 
    if (slideindex < 0) {slideindex = 0} 
    console.log (slideindex); 
    showSlides();
}

function showSlides() {
    
    
  var i;
   var slides = document.getElementsByClassName("mySlides");
  for (i = 0; i < slides.length; i++) {
    slides[i].style.display = "none"; 
  }
  slideindex++;
  if (slideindex > slides.length) {slideindex = 1} 
  console.log (slideindex);
  slides[slideindex-1].style.display = "block"; 
  
  timer = setTimeout(showSlides, 4000); // Change image every 2 seconds
} 
</script>



<script src="js/jquery-latest.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery-1.9.0.min.js"><\/script>')</script>
<script src="twitter-bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="js/woothemes-FlexSlider-06b12f8/jquery.flexslider-min.js"></script>
<script src="js/prettyPhoto_3.1.5/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
<script src="js/isotope/jquery.isotope.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.ui.totop.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript" src="js/wow.min.js"></script>
<script type="text/javascript" src="js/snap.svg-min.js"></script>
<script type="text/javascript" src="js/restart_theme.js"></script>
<!-- <script type="text/javascript" src="js/collapser.js"></script> -->
</body>
</html>