<?
include('conexao.php');
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="iso-8859-1">
<title>SYSPAN VEL�RIO TV - Apresenta��o</title>
<link rel="stylesheet" href="dist/stylesheets/superslides.css">
<link rel="shortcut icon" href="images/syspan.ico">
<style>
.container {
font-family:Calibri, sans-serif;
position: relative;
width: 100%;
height:100%;
max-width: 100%;
padding:1%;
background: -webkit-linear-gradient(#F5FFE6, #DAFDA7); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#F5FFE6, #DAFDA7); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#F5FFE6, #DAFDA7); /* For Firefox 3.6 to 15 */
background: linear-gradient(#F5FFE6, #DAFDA7); /* Standard syntax (must be last) */
}

.container span.titulo{
font-style:italic;
display:block;
font-size:5.5em;
color:#0C0;
text-align:center;
width:100%;
font-weight:700;
}

.container span{
font-weight:700;
display:block;
font-size:2em;
color:#000;
text-align:center;
width:100%;
letter-spacing:0.05em;
}

.container span span.red{color:#F00;font-size:1.8em;font-style:normal;display:inline;}

.container span.texto{margin-top:2%;}
.container span.texto_principal{margin-top:2%;font-size:2.5em;margin-bottom:2%;}
.container span.nome{margin-bottom:1%;}

.container span.rodape{margin-top:1%;font-size:1.5em;}

</style>
</head>
<body>
  <div id="slides">
  
      <ul class="slides-container">
       <? 
	   $slides = mysqli_query($con, "select * from slides order by ordem asc");
	   while($ss = mysqli_fetch_array($slides)) { 
	   
	   if($ss['tipo'] == 1) {
	   
	   ?>
        <li>
         <div class="container">
          <span class="titulo">S&Atilde;O VICENTE PREVER</span>
           <span class="nome">Comunica o Falecimento de<br><span class="red"><?= $ss['nome']?></span><br><?= $ss['idade']?> anos</span>
           <span class="texto_principal">Est&aacute; sendo velado na <font style="color:#F00;">Sala <?= $ss['sala']?></font><br><font style="color:#F00;">Ser� Sepultado �s <?= $ss['hora']?> horas do dia <?= $ss['dia']?></font><br>no <?= $ss['cemiterio']?>.</span>
           <span class="texto">� FAM�LIA ENLUTADA OS NOSSOS MAIS SINCEROS<br>SENTIMENTOS.</span>
           <span class="texto">Adquira tranquilidade no momento mais dif&iacute;cil da vida,<br />conhe�a nosso PLANO DE ASSIST�NCIA FAMILIAR
</span>
           <span class="rodape">Rua Potiguaras, 190 - (14) 3496-2616 e 3496-6316<br>Rua Brasil, 477 - (14) 3441-6660</span>
         </div>
        </li>
        <? } else { 
		?><li><img src="<?= $ss['imagem']?>" width="1024" height="683" alt="<?= $ss['nome']?>"></li><?
		  }		
		
	   }
		?>
        </ul>
  </div>

  <script src="javascripts/jquery.min.js"></script>
  <script src="javascripts/jquery.easing.1.3.js"></script>
  <script src="javascripts/jquery.animate-enhanced.min.js"></script>
  <script src="dist/jquery.superslides.js" type="text/javascript" charset="utf-8"></script>
  <script>
  
function toggleFullScreen() {
  if ((document.fullScreenElement && document.fullScreenElement !== null) ||    
   (!document.mozFullScreen && !document.webkitIsFullScreen)) {
    if (document.documentElement.requestFullScreen) {  
      document.documentElement.requestFullScreen();  
    } else if (document.documentElement.mozRequestFullScreen) {  
      document.documentElement.mozRequestFullScreen();  
    } else if (document.documentElement.webkitRequestFullScreen) {  
      document.documentElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);  
    }  
  } else {  
    if (document.cancelFullScreen) {  
      document.cancelFullScreen();  
    } else if (document.mozCancelFullScreen) {  
      document.mozCancelFullScreen();  
    } else if (document.webkitCancelFullScreen) {  
      document.webkitCancelFullScreen();  
    }  
  }  
}
  
    $(function() {
     
	  $('#slides').superslides({
        hashchange: true,
        play: 20000,
		pagination: false
      });

      $('#slides').on('mouseenter', function() {
       //$(this).superslides('stop');
       // console.log('Stopped')
      });
      
	  $('#slides').on('mouseleave', function() {
        //$(this).superslides('start');
        //console.log('Started')
      });
	  
	  $('body').on('click', function() {
        toggleFullScreen();
      });
	  
	  
    });
  </script>
</body>
</html>
