<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>Royal Slow Motion</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <link rel="stylesheet" href="<?= include_url('css/style.css')?>">
  <link rel="stylesheet" href="<?= include_url('css/font-awesome.min.css')?>">
</head>

<body style="background-image: url(<?= include_url('img/background-images.fw.png'); ?>);top right no-repeat; background-attachment:fixed;">
  <a style="display: none;" href="<?= base_url('dashboard/downloadVLC'); ?>" class="btnDownloadVLC">
      BAIXAR VLC (reprodutor de vídeo)
      <i class="fa fa-2x fa-times"></i>
  </a>
  <a href="<?= base_url('dashboard'); ?>" class="area-buton-back">
    <i class="fa fa-4x fa-arrow-circle-o-left"></i>
  </a>
  <div class="container text-center">
    <img class="logo" src='<?=include_url( "img/logo.png") ?>' />
    <br>
    <br>
    <h1 class="textcolor1"><?= $titulo ?></h1>
  </div>

    <div id="containerImagem" class="container-images">
              <!-- <div class="item item1">    
                <input class="checkbox" style="display:none;" type="checkbox" name="image[1]" value="1" onclick="seleciona(this)">
                <img src="http://royal.slow.motion/dashboard/file?key=7" onload="stopSpinner(1)">
                <i class="fa fa-play-circle fa-4x"></i>
                <div class="loader loader1"></div> 
              </div> -->
    </div>
    <a class="btn" id="btnDownload" style="display:none;" href="#">Baixar <i class="fa fa-download"></i>     </a>

  <div id="video-expanded" style="display:none;" onclick="minimizaVideo(this)">
    <i class="fa fa-3x fa-close"></i>
    <h2 id="textVideo"> Carregando vídeo </h2>
    <video id="videoSistema" autoplay="" onload=stopSpinnerMainVideo()"></video>
    <h4 class="textHelp" style="display: none;">Aumente o volume</h4>

  </div>

  <div id="image-expanded" onclick="minimizaImagem()" style="display: none;">
    <i class="fa fa-3x fa-close"></i>
    <h2> Royal Slow Motion </h2>
    <img src="">   
    <h4 class="textHelp" style="display: none;">Aumente o volume</h4> 
  </div>

  <script>
    var URL_FILE_SERVER = '<?= site_url("/dashboard/file"); ?>';
    var URL_ARRAY_SERVER = '<?= site_url("/dashboard/getArrayVideos"); ?>';
    var URL_DOWNLOAD_SERVER = '<?= site_url("/dashboard/download/"); ?>';
    var URL_CHECKFILE_SERVER = '<?= site_url("/dashboard/checkFile"); ?>';
    var getImages = false;
    var getVideos = true;
  </script>
  <script type="text/javascript" src="<?=include_url('js/jquery.min.js') ?>"></script>
  <script type="text/javascript" src="<?=include_url('js/script.js') ?>"></script>

</body>
</html>
