<?php
    // Temporalmente nos saltamos el mvc del framework
    $system_path = '../../system';
    
    if (realpath($system_path) !== FALSE)
    {
        $system_path = realpath($system_path).'/';
    }

    // ensure there's a trailing slash
    $system_path = rtrim($system_path, '/').'/';

    // Is the system path correct?
    if ( ! is_dir($system_path))
    {
        exit("Your system folder path does not appear to be set correctly. Please open the following file and correct this: ".pathinfo(__FILE__, PATHINFO_BASENAME));
    }
        
    // Path to the system folder
    define('BASEPATH', str_replace("\\", "/", $system_path));
    
    include_once(BASEPATH."../application/libraries/BDNoFramework.php");

    $ConexionSinFramework=new BDNoFramework($db);
    
    $ConexionSinFramework->connect();
    
    $ConexionSinFramework->query("SELECT * FROM  mt_videos_tintoretto WHERE activo=1 ORDER BY orden ASC");
    
    $videos=$ConexionSinFramework->resultArray();
    
    if(!empty($_GET['video'])&&is_numeric($_GET['video'])){
        $videoKey=$_GET['video']-1;
    }else{
        $videoKey=0;
    }
?>
<!DOCTYPE HTML>
<!--[if IE 7 ]>    <html lang="en" class="ie ie7"> <![endif]--> 
<!--[if IE 8 ]>    <html lang="en" class="ie ie8"> <![endif]--> 
<!--[if IE 9 ]>    <html lang="en" class="ie"> <![endif]--> 
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->

<head>
	<meta charset="utf-8">
	<title>El Paraíso, de Tintoretto, en restauración | Museo Thyssen-Bornemisza</title>
	<meta name="description" content=""/>
	<meta name="keywords" content=""/>
	<meta name="robots" content="index, follow"/>
	
	<!-- CSS -->
	<link rel="stylesheet" href="js/tipsy/tipsy.css" type="text/css">
	<link rel="stylesheet" href="js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="all">
	<link rel="stylesheet" type="text/css" href="css/styles.css">

	<!-- SCRIPTS -->
	<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
	<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
	<script type="text/javascript" src="js/jquery.form.js"></script>
	<script type="text/javascript" src="js/tipsy/jquery.tipsy.js"></script>
	<script type="text/javascript" src="js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
	<script type="text/javascript" src="js/vimeo/froogaloop2.min.js"></script>
	<script type="text/javascript" src="js/global.js"></script>

	<!-- VIMEO SCRIPT -->
	<script type="text/javascript">

	</script>

</head>


<body>

	<!-- BASE --> 
	<div id="base"></div>


	<!-- MAIN CONTAINER -->
	<div id="container">


		<!-- SHADOW --> 
		<div class="shadow"></div>


		<!-- MENU CONTAINER --> 
		<div class="menu_container">

			<!-- LANGUAGES --> 
			<div class="lang"><a href="videos_eng.php">ENGLISH</a></div>

			<!-- TITLE --> 
			<div class="title"><a href="index.html" title="VOLVER AL INICIO"><img src="images/title.png" alt="El Paraíso, de Tintoretto, en restauración" /></a></div>

			<!-- SUBMENU INTRO --> 
			<div class="submenu1">
				<ul>
					<li><a href="intro_sobre_la_obra.html">Acerca de la obra</a></li>
					<li><a href="intro_restauracion.html"><em>El Paraíso</em> de Tintoretto,<br /> una restauración en directo</a></li>
                                        <li><a href="montaje_expositivo.html">Montaje expositivo</a></li>
				</ul>
			</div>

			<!-- SUBMENU ESTUDIOS --> 
			<div class="submenu2">
				<ul>
					<li><a href="estudios.html">Introducción</a></li>
					<li><a href="estudio_quimico_tecnica_ejecucion.html">Estudio químico y de la<br /> técnica de ejecución</a></li>
					<li><a href="estudio_radiografico.html">Estudio radiográfico</a></li>
					<li><a href="estudio_mediante_reflectografia_infrarroja.html">Estudio mediante<br /> reflectografía infrarroja</a></li>
					<li><a href="detalles_estudios_realizados_obra.html">Detalles de estudios<br /> realizados en la obra</a></li>
					<li><a href="fotografias.html">Fotografías</a></li>
				</ul>
			</div>

			<!-- MARKER --> 
			<div class="marker"><img src="images/menu_marker.png" alt="" /></div>

			<!-- MENU --> 
			<div class="menu">
				<ul>
					<li><a href="#" id="menu1">INTRODUCCIÓN</a></li>
					<li><a href="descolgado_de_la_obra.html" id="menu2">DESCOLGADO DE LA OBRA</a></li>
					<li><a href="#" id="menu3">ESTUDIOS</a></li>
					<li><a href="restauracion.html" id="menu4">RESTAURACIÓN</a></li>
					<li><a href="videos.php" id="menu5">VÍDEOS DEL PROYECTO</a></li>
					<li class="thumb"><a href="sobre_la_obra.html" title="Óleo sobre lienzo. |  169,5 x 494 cm |  Museo Thyssen-Bornemisza, Madrid |  Nº INV. 403 (1980.47) " class="rollover"><img src="images/menu_thumb.png" alt="Tintoretto - El Paraíso - c. 1588" /></a></li>
				</ul>
			</div>

		</div>


		<!-- LOGOS --> 
		<div class="logos">
			<a href="http://www.museothyssen.org/thyssen/home" target="_blank"><img src="images/logo_mtb.png" alt="Museo Thyssen-Bornemisza" /></a>
			<img src="images/sp.png" width="30" alt="" />
			<a href="http://www.bankofamerica.com" target="_blank"><img src="images/logo_boa.png" alt="Bank of America - Merril Lynch" /></a>
		</div>


		<!-- FOOTER FORM --> 
		<div class="footer">
			<div class="form">
				<!--
				<form id="myForm" method="post" action="enviar.php">
					<input type="text" value="Enviar a un amigo" id="email" name="email" class="fields" onfocus="if(this.value == 'Enviar a un amigo') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Enviar a un amigo';}">
					<button type="submit" id="submit" name="submit" class="button"><img src="images/form_arrow.png" alt=""></button>
					<div id="ajax_loader" class="loader_message"></div><div id="loader_icon" class="loader_icon"></div>
				</form>
				-->
			</div>

			<div class="social">
				<ul>
					<li><a href="https://www.facebook.com/museothyssen" target="_blank" title="FACEBOOK" ><img src="images/facebook.png" alt="facebook"/></a></li>
					<li><a href="https://twitter.com/museothyssen" target="_blank" title="TWITTER"><img src="images/twitter.png" alt="twitter"/></a></li>
				</ul>
			</div>

			<div class="legal">© 2012 - MUSEO THYSSEN-BORNEMISZA</div>
		</div>


		<!-- CONTENT CONTAINER --> 
		<div class="content_container">


			<!-- VIDEOS --> 
			<div class="videos">

				<!-- BASE --> 
				<div class="base"></div>
				
				<!-- HEADER --> 
				<div class="header">
					<span class="title">VÍDEOS DEL PROYECTO</span>
					<span class="subtitle">MULTIMEDIA</span>
				</div>

				<div class="player">
                                    
					<!--<iframe class="frame" id="player1" src="http://player.vimeo.com/video/<?php echo $videos[$videoKey]['idVimeo'];?>?title=0&amp;byline=0&amp;portrait=0&amp;color=d47e5d&amp;api=1&amp;player_id=player1" width="430" height="242"></iframe>-->
                                        <iframe  src="http://player.vimeo.com/video/<?php echo $videos[$videoKey]['idVimeo'];?>" width="430" height="242" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

				</div>

				<div class="thumbs">
					<ul>
                                            <?php foreach($videos as $key => $value){ ?>
                                                <li><a href="?video=<?php echo $key+1; ?>" class="rollover"><img width="123" height="88" src="http://www.museothyssen.org/img/tintorettoMicrosite/<?php echo $value['imagen'];?>" alt="<?php echo $value['titulo'];?>"/></a></li>
						<li><span class="description"><?php echo $value['titulo'];?></span></li>
                                            <?php } ?>
					</ul>
				</div>

			</div>


		</div>	<!-- END CONTENT CONTAINER -->




	</div>	<!-- END MAIN CONTAINER -->


</body>
</html>
