<?php
//Comienza la sesion
session_start();
//Recoge los datos recogidos del cuestionario del idioma
if (isset($_POST["lang"]))
{
$lang = $_POST["lang"];
if(!empty($lang))
{
$_SESSION["lang"] = $lang;
}
}
//Si ha recigido datos del cuestionario, pone el idioma recogido, si no, el idioma por defecto es el español
if(isset($_SESSION["lang"]))
{
$lang = $_SESSION["lang"];
require "lang/".$lang.".php";
}
else
{
require "lang/es.php";
}
?>
<!--Comienza el programa html-->
<html>
<head>
<meta charset="utf-8">
<!--Titulo de la historia-->
<title>SmartStories | <?php echo $string["titulo"] ?></title>
<!-- Descripcion de la historia-->
<meta name="descripcion" content="<?php echo $string["descipcion"] ?>">
<!--Cuando el usuario visita la web desde un movil no podra hacer zooms-->
<!-- COMPROBAR POR QUE ESTO NO FUNCIONA -->
<meta name="viewsport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximun-scale=1.0, minimun-scale=1.0">
<!-- Libreria de jQuery -->
<!-- <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>-->
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
<!-- Css codigo -->
<link rel="stylesheet" href="resources/style.css">
<!-- JavaScript codigo -->
<script type="text/javascript" src="resources/main.js"></script>
<!-- Codigo javascript al momento, para probar las distintas cosas -->
<script type="text/javascript">
</script>
<!-- Jquery para moviles
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
-->
</head>
<body>
<!--LOAD PAGE Página de carga -->
<div id="loadPage">
<p>
<img src="images/load.gif" /><br />
Cargando...
</p>
</div>
<!--CABECERA Titulo y botones-->
<div id="header">
<nav>
<h1><?php echo $string['titulo'] ?></h1>
<!--Formulario para cambiar el idioma-->
<form method="POST">
<select name="lang">
<option value="" selected="Selected"><?php echo $string['menu_lenguaje'] ?></option>
<option value="es"><?php echo $string['menu_lenguaje_esp'] ?> </option>
<option value="en"><?php echo $string['menu_lenguaje_eng'] ?> </option>
</select>
<button type="submit"><?php echo $string['menu_lenguaje_enviar'] ?></button>
</form>
<!-- Quitar y poner el volumen -->
<a href= "javascript
:"silenciar()"">
<img src="images/audioOn.png" onclick=silenciar() style="cursor:hand" id="volumen">
</a>
<!-- Fin de quitar y poner volumen -->
</nav>
</div>
<!-- CUERPO Contenedor de toda la historia -->
<div id="container">
<!--Parte 0-->
<section id="parte0" data-type="parallax_section" data-speed="10">
<div class="contenido" id="contParte0">
<p><?php echo $string['parte0'] ?></p>
</div>
</section>
<!--Parte 1-->
<section id="parte1" data-type="parallax_section" data-speed="10">
<div class="contenido" id="contParte1">
<p><?php echo $string['parte1'] ?></p>
<a href="#" class="next">next</a>
/**Esto no funciona **/
<script type="text/javascript">
$('.next').click(
function(){
/** MIRAR LO DE LA POSICION DEL SCROLL EN UN PUNTO EN CONCRETO **/
var ypos = $(window).scrollTop();
ypos = 500;
/** Para ver el alto del que dispone el navegador **
document.write(screen.availHeight);
*/
$('html,body').animate({scrollTop:yPos}, 500);return false;
});
</script>
</div>
</section>
<!--Parte 2-->
<section id="parte2" data-type="parallax_section" data-speed="10">
<div class="contenido" id="contParte2">
<p><?php echo $string['parte2'] ?></p>
</div>
<div class="fondos">
<img id="flauta" src="images/flauta.png">
</div>
</section>
<!--Parte 3-->
<section id="parte3" data-type="parallax_section" data-speed="10">
<div class="contenido" id="contParte3">
<p><?php echo $string['parte3'] ?></p>
<?php
include("botones.php");
?>
</div>
</section>
<!--Parte 4-->
<section id="parte4" data-type="parallax_section" data-speed="10">
<div class="contenido" id="contParte4">
<p><?php echo $string['parte4'] ?></p>
<?php
include("botones.php");
?>
</div>
</section>
<!--Parte 5-->
<section id="parte5" data-type="parallax_section" data-speed="10">
<div class="contenido" id="contParte5">
<p><?php echo $string['parte5'] ?></p>
<?php
include("botones.php");
?>
</div>
</section>
<!--Parte 6-->
<section id="parte6" data-type="parallax_section" data-speed="10">
<div class="contenido" id="contParte6">
<p><?php echo $string['parte6'] ?></p>
<?php
include("botones.php");
?>
</div>
</section>
<!--Parte 7-->
<section id="parte7" data-type="parallax_section" data-speed="10">
<div class="contenido" id="contParte7">
<p><?php echo $string['parte7'] ?></p>
<?php
include("botones.php");
?>
</div>
</section>
<!--Parte 8-->
<section id="parte8" data-type="parallax_section" data-speed="10">
<div class="contenido" id="contParte8">
<p><?php echo $string['parte8'] ?></p>
<?php
include("botones.php");
?>
</div>
</section>
<!--Parte 9-->
<section id="parte9" data-type="parallax_section" data-speed="10">
<div class="contenido" id="contParte9">
<p><?php echo $string['parte9'] ?></p>
<?php
include("botones.php");
?>
</div>
</section>
<!--Parte 10-->
<section id="parte10" data-type="parallax_section" data-speed="10">
<div class="contenido" id="contParte10">
<p><?php echo $string['parte10'] ?></p>
<?php
include("botones.php");
?>
</div>
</section>
<!--Parte 11-->
<section id="parte11" data-type="parallax_section" data-speed="10">
<div class="contenido" id="contParte11">
<p><?php echo $string['parte11'] ?></p>
<?php
include("botones.php");
?>
</div>
</section>
<!--Parte 12-->
<section id="parte12" data-type="parallax_section" data-speed="10">
<div class="contenido" id="contParte12">
<p><?php echo $string['parte12'] ?></p>
<?php
include("botones.php");
?>
</div>
</section>
<!--Parte 13-->
<section id="parte13" data-type="parallax_section" data-speed="10">
<div class="contenido" id="contParte13">
<p><?php echo $string['parte13'] ?></p>
<?php
include("botones.php");
?>
</div>
</section>
<!--Parte 14-->
<section id="parte14" data-type="parallax_section" data-speed="10">
<div class="contenido" id="contParte14">
<p><?php echo $string['parte14'] ?></p>
<?php
include("botones.php");
?>
</div>
</section>
<!--Parte 15-->
<section id="parte15" data-type="parallax_section" data-speed="10">
<div class="contenido" id="contParte15">
<p><?php echo $string['parte15'] ?></p>
<?php
include("botones.php");
?>
</div>
</section>
<!--Parte 16-->
<section id="parte16" data-type="parallax_section" data-speed="10">
<div class="contenido" id="contParte16">
<p><?php echo $string['parte16'] ?></p>
<?php
include("botones.php");
?>
</div>
</section>
<!--Parte 17 COMENTARIO-->
<section id="parte17" data-type="parallax_section" data-speed="10">
<div class="contenido" id="contParte17">
<p><?php echo $string['parte17'] ?></p>
<?php
include("botones.php");
?>
</div>
</section>
</div>
</body>
</html>