Untitled

<html>
    <head>
        <title>Movie Title</title>

        <link rel="stylesheet" type="text/css" href="css/lista.css">
        <link rel="stylesheet" type="text/css" href="css/playmovie.css">

        <link href="http://vjs.zencdn.net/5.4.6/video-js.css" rel="stylesheet">
        <!-- If you'd like to support IE8 -->
        <script src="http://vjs.zencdn.net/ie8/1.1.1/videojs-ie8.min.js"></script>

        <script type="text/javascript" src="trailer/js/jquery.js"></script>
        <link rel="stylesheet" type="text/css" href="trailer/js/fancybox/jquery.fancybox-1.2.6.css" media="screen" />
        <script type="text/javascript" src="trailer/js/fancybox/jquery.fancybox-1.2.6.js"></script>
    </head>
    <body  bgcolor="#3B4F5E">

        <ul class="top-bar">
            <div align="center" width="900px">
                <div width="900px">
                    <li class="top-bar-button"><a href="index.php">Voltar</a></li>
                </div>
            </div>
        </ul>


        <div align="center">
        <div class="movie-body">
            <?php
            include_once 'php/script.php';

            $movieName = $_GET['movieName'];
            $movieJsonName = str_replace(" ", "+", $movieName);

            $json = @file_get_contents("http://www.omdbapi.com/?t=". $movieJsonName ."&y=&plot=big&r=json");
            $info = json_decode($json);


            echo "
                <div class='movie-body-title' align='center center'>
                    $movieName
                </div>

                <div class='movie-body-capa'>
                    <img src='$info->Poster' height='90%' align='left'/>
                </div>

                <div class='movie-body-rate'>
                    $info->imdbRating
                </div>

                <div class='movie-body-resume'>

                    <li>Diretor: $info->Director</li>
                    <li>Genero: $info->Genre</li>
                    <li>Atores: $info->Actors.</li>
                    <li>Ano de lançamento: $info->Released</li>
                    <li>Duracao: $info->Runtime</li>
                    <li>Trailer: <a href='trailer/movietrailer.php?movie=$movieName' style='text-decoration:none' class='zoom1'><font color='#1E67A8' title='Click to watch the trailer'>Assistir</font></a></li>
                    <li>Premios: $info->Awards</li>

                    <br/> <br/>
                    $info->Plot
                </div>
            ";

            ?>
        </div>
        </div>

        <div align = "center";>
            <div class = 'movie-player'>
                <div class = 'movie-player-title'>ASSISTIR</div>

                    <?php

                        if(strcmp($result['movietype'], 'movie') == false) {
                            echo "
                                <video id='my-video' class='video-js' controls preload='auto' width='900' height='590'
                                poster='' data-setup='{}'>
                                <source src='$result[movielink]' type='video/mp4'>
                                <p class='vjs-no-js'>
                                  To view this video please enable JavaScript, and consider upgrading to a web browser that
                                  <a href='http://videojs.com/html5-video-support/' target='_blank'>supports HTML5 video</a>
                                </p>
                                </video>

                                <script src='http://vjs.zencdn.net/5.4.6/video.js'></script>
                            ";
                        } else { //se for seriado :)

                            $sql = "SELECT seasonId FROM movies";
                            $result = mysql_query($sql, $conecta);

                            echo "<p></p>";
                            for($i = 1; $i < 5; $i++) {
                                echo "<button type='button' class='temporadas' id='temporada_$i' onclick='showSeason(this)'> Temporada $i </button>";
                            }

                            echo "<div class='teste' style='position:absolute; z-index:1; overflow: auto;'>";

                            for($x = 1; $x < 5; $x++) {
                                echo "<div id='episodes_temp$x' class='episodes' style='display:none;'>";
                                    for($i = 1; $i < 50; $i++) {
                                        echo "<li class='tv-show-episode'><a href='trailer/movietrailer.php?movie=$movieName' style='text-decoration:none' class='zoom1'><font color='#1E67A8' title='Click to watch the episode'>Episodio $i - Pilot</font></a></li>";
                                    }
                                echo "</div>";
                            }
                            echo "</div>";
                        }

                    ?>
            </div>
        </div>
        <script>
        $(document).on('click', '.temporadas', function() {
          $('.episodes').hide(); //Esconde todos as div de episódios
          var idNum = $(this).attr('id').match(/[0-9]+$/);// captura o número do botão que foi clicado
          $('#episodes_temp'+idNum).show(); //mostra somente o  div de episódios correspondente ao botão
        })
        </script>
    </body>
</html>