<?php 
	require_once("connect.php");
	$page_selected = "produtos";


	$sID = "";
	$sTitulo = "";
	$sTexto = "";

	$found = "";


	//VAI BUSCAR TDS produtos
	$query_produtos = "SELECT * FROM produtos WHERE status=1";
	$result_produtos = mysqli_query($conn, $query_produtos);

	$sTitulo = 'Produtos da Craftwood';
	$sTexto = 'Em baixo poderá ver alguns dos produtos que temos dísponiveis para sí.';


?>


<!DOCTYPE html>
<html lang="en">
<head>
	<title>Craftwood | Produtos</title>
	<meta charset="utf-8">
	<meta name="author" content="">
	<meta name="description" content=""/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">

	<!--facebook metas-->
	<meta property="og:image" content="<?=$urlbase . '/img/logo.png'?>"/>
	<meta property="og:description" content="<?=$sTexto?>"/>

	<?php include_once('_common_script.php'); ?>

	<!--[if gte IE 9]>
	  <style type="text/css">
	    .gradient {
	       filter: none;
	    }
	  </style>
	<![endif]-->


</head>
<body>

	<?php include_once('_menu.php'); ?>

	<section class="produtos-titulo">
		<div class="wrapper">
			<div class="titulo">
				<h1><?=$sTitulo?></h1>
				<h2><?=$sTexto?></h2>
			</div>
		</div>
		
	</section>


<?php 

		//HTML BILLBOARD
		echo '<section class="produtos-billboard">';
		echo '	<div class="wrapper">';
		//echo '		<div id="fotorama" class="fotorama" data-auto="false" data-loop="true" data-navposition="top" data-transition="crossfade" data-width="100%" data-ratio="1000/640" data-minwidth="400" data-maxwidth="1000" data-minheight="300" data-maxheight="650" data-nav="thumbs" data-fit="cover" data-hash="true" data-autoplay="false">';
		echo '		<div id="fotorama" class="fotorama" data-keyboard="true" data-auto="false" data-loop="true" data-navposition="top" data-transition="crossfade" data-width="100%" data-ratio="750/480" data-minwidth="400" data-maxwidth="1000" data-minheight="300" data-maxheight="520" data-nav="thumbs" data-fit="cover" data-hash="true" data-autoplay="false" >';

		//HTML DO CONTEUDO BILLBOARD
		if (mysqli_num_rows( $result_produtos)==0) {
			
				$titulo = "";
				$texto = "De momento não temos nenhum produto para mostrar, no entanto, não quer dizer que não poderemos fazer algo a sua medida! Contacte-nos, estamos sempre dísponiveis para novos desafios!";
                
                $texto = "Em actualização ;) <br/><br/>A ideia é sua, a construção é nossa! Contacte-nos, estamos sempre dísponiveis para novos desafios!";
    			$urlimg = $urlbase . '/imagens/na.jpg';

				echo '<div class="" data-img="'. $urlimg .'">';
				echo '	<div id="texto_slide">';
				echo '		<h2 class="elementH2">'. $titulo .'</h2>';
				echo '		<p>'. $texto .'</p>';
				echo '	</div>';
				echo '</div>';

		} else {
			while ($r = mysqli_fetch_array($result_produtos)) {
				$titulo = $r['titulo'];
				$texto = $r['texto'];
				$urlimg = $urlbase . '/imagens/files/' . $r['imagem'];

				if (trim($texto) == ""){
					$texto = "Não existe descrição para este produto.";
				};

				echo '<div class="" data-img="'. $urlimg .'">';
				echo '	<div id="texto_slide">';
				echo '		<h2 class="elementH2">'. $titulo .'</h2>';
				echo '		<p>'. $texto .'</p>';
				echo '	</div>';
				echo '</div>';

			}
		}

		//FIM BILLBOARD
		echo '		</div>';
		echo '	</div>';
		echo '</section><!-- End billboard -->';

		echo '<section class="produtos-caption">';
		echo '	<div class="wrapper">';
		echo '		<div class="produtos-bg">';
		echo '			<div class="down-arrow"><i class="fa fa-angle-down"></i></div>';
		echo '			<div id="texto_caption"></div>';
		echo '		</div>';
		echo '		<div class="endbg gradient"></div>';
		echo '	</div>';
		echo '</section>';

?>

	<section class="share-section">
		<div class="wrapper">
		<h2>Partilhe, nós agradecemos ;)</h2>
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_facebook"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_google_plusone_share"></a>
<a class="addthis_button_email"></a>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-537fe8584aab1d72"></script>
<!-- AddThis Button END -->
		</div>
	</section>

	<?php include_once('_social.php'); ?>
	<?php include_once('_footer.php'); ?>
  <script>

// When the user clicks the toTop button, we want the page to scroll to the top.
$(".toTop").click(function(){
	event.preventDefault();
	
	$("html, body").animate({
		scrollTop:0
	},"slow");
 
})

  $(function () {
    var $fotoramaDiv = $('#fotorama').fotorama();
    var fotorama = $fotoramaDiv.data('fotorama');

    $('.fotorama').on('fotorama:load',
        function (e, fotorama, extra) {
			$('#texto_caption').html(fotorama.activeFrame['_html']).hide().fadeIn(500);
        }
	)

    $('.fotorama').on('fotorama:show',
        function (e, fotorama, extra) {
			$('#texto_caption').html(fotorama.activeFrame['_html']).hide().fadeIn(500);
        }
	)

  });

  </script>

<?php include_once('_analytics.php'); ?>

</body>