~facundo/encuentro/trunk : contents of tests/ej-encuen-bestvideo-2.html at revision 295.1.1

~facundo/encuentro/trunk : (revision 295.1.1)
<!DOCTYPE html>
<!--[if lt IE 7 ]> <html class="ie ie6 no-js" lang="en"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie ie7 no-js" lang="en"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie ie8 no-js" lang="en"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie ie9 no-js" lang="en"> <![endif]-->
<!--[if gt IE 9]><!-->
<!--[if lte IE 9]>
      <link href='/frontend/css/animations-ie-fix.css' rel='stylesheet'>
<![endif]-->
<html class="no-js" lang="en">
<!--<![endif]-->
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Twitter Card data -->
<meta name="twitter:site" content="@canalencuentro">
<meta name="twitter:title" content="Serie La lluvia (Arnaldo Antunes)">
<!-- Twitter summary card with large image must be at least 280x150px -->
<meta name="twitter:image:src" content="http://encuentro.gob.ar/files/6 (3).jpg">

<!-- Open Graph data -->
<meta property="og:title" content="Serie La lluvia (Arnaldo Antunes)" />
<meta property="og:type" content="video" />
<meta property="og:url" content="http://encuentro.gob.ar/programas/series/9152" />
<meta property="og:image" content="http://encuentro.gob.ar/files/6 (3).jpg" />
<meta property="og:site_name" content="Canal Encuentro" />
<title>Susurro y altavoz (T1), La lluvia (Arnaldo Antunes) - Canal Encuentro</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<link href='https://fonts.googleapis.com/css?family=Asap:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="/frontend/css/encuentro.css" />
<!-- <link rel="shortcut icon" href="/images/favicon.ico?v=2">   -->  
<link rel="shortcut icon" href="/images/favicon.png?v=3">     
<!-- REVOLUTION STYLE SHEETS -->
<link rel="stylesheet" type="text/css" href="/frontend/css/settings.css">
<!-- REVOLUTION LAYERS STYLES -->
<link rel="stylesheet" type="text/css" href="/frontend/css/layers.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="/frontend/js/menu.js"></script>
<script src="/frontend/js/modernizr.min.js"></script>
<script src="/frontend/js/bootstrap.js"></script>

<!-- REVOLUTION JS FILES -->
<script type="text/javascript" src="/frontend/js/jquery.themepunch.tools.min.js"></script>
<script type="text/javascript" src="/frontend/js/jquery.themepunch.revolution.min.js"></script>

<script type="text/javascript">
<!--
function viewport()
{
var e = window
, a = 'inner';
if ( !( 'innerWidth' in window ) )
{
a = 'client';
e = document.documentElement || document.body;
}
return { width : e[ a+'Width' ] , height : e[ a+'Height' ] }
}
//-->
</script>
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-1463165-1', 'auto');ga('set', 'anonymizeIp', true);ga('send', 'pageview');</script></head>

<script>
$( document ).ready(function() {
	//trackeo para analytics
	$("a.ga_encuentro_track").click(function(e) {
		var ga_category = $(e.currentTarget).data('ga_category');
		var ga_action = $(e.currentTarget).data('ga_action');
		var ga_label = $(e.currentTarget).data('ga_label');

		encuentroTrackAnalytics(ga_category, ga_action, ga_label);
	});
});

//hago esta funcion para poder usarla desde otros lugares tambien
function encuentroTrackAnalytics(ga_category, ga_action, ga_label){
	if(typeof dondeEstoy !== 'undefined' && dondeEstoy != null){
		ga_category = dondeEstoy;
	}

	ga('send', 'event', ga_category, ga_action, ga_label);
}
</script>	<body>
		<div id="wrap">
		<header>
	<div class="menu">
		<div class="col-xs-2">
			<a href="/">
				<div class="logo"></div>
			</a>
		</div>
		<div class="col-xs-2 section-m">Catálogo</div>
		<div class="col-xs-9">
			<div class="search-mov">
				<div class="dropdown">
					<div class="btn btn-default dropdown-toggle" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" role="button">
						<p class="icon-search"></p>
					</div>
					<ul class="dropdown-menu" aria-labelledby="dropdownMenu2">
						<li>
							<form action="/search/" class="navbar-form">
								<div class="form-group">
									<input type="text" name="keywords" class="form-control" placeholder="">
								</div>
								<button type="submit" class="btn btn-default">
									<span class="icon-right-open"></span>
								</button>
							</form>
						</li>
					</ul>
				</div>
			</div>
			<div class="menu_bar"> 
				<a href="#" class="bt-menu">
				</a>
			</div>
			<nav id="topmenu">
				<ul>
					<li><a class="ga_encuentro_track" data-ga_category="inicio" data-ga_action="boton_menu" data-ga_label="inicio" href="/">Inicio</a></li>
					<li><a class="ga_encuentro_track" data-ga_category="catalogo" data-ga_action="boton_menu" data-ga_label="catalogo" href="http://encuentro.gob.ar/programas">Cat&aacute;logo</a></li>
					<li><a class="ga_encuentro_track" data-ga_category="grilla" data-ga_action="boton_menu" data-ga_label="grilla" href="http://encuentro.gob.ar/programacion">Grilla</a></li>
					<li><a class="ga_encuentro_track" data-ga_category="en_vivo" data-ga_action="boton_menu" data-ga_label="en_vivo" href="http://encuentro.gob.ar/envivo">En vivo</a></li>
					<li><a class="ga_encuentro_track" data-ga_category="en_el_aula" data-ga_action="boton_menu" data-ga_label="en_el_aula" href="http://encuentro.gob.ar/enelaula">En el aula</a></li>
					<li><a class="ga_encuentro_track" data-ga_category="transmedia" data-ga_action="boton_menu" data-ga_label="transmedia" href="http://encuentro.gob.ar/interactivos">Transmedia</a></li>
					<li><a class="ga_encuentro_track" data-ga_category="efemerides" data-ga_action="boton_menu" data-ga_label="efemerides" href="http://encuentro.gob.ar/efemerides">Efem&eacute;rides</a></li>
				</ul>
			</nav>
		</div>
	</div>
</header>
		<div id="morphsearch" class="morphsearch hide-from-print" role="banner">
	<span class="morphsearch-close"></span> 
<form method="GET" action="http://encuentro.gob.ar/search" accept-charset="UTF-8" class="morphsearch-form">
    <div class="buscar">
		<input class="morphsearch-input" type="search" id="keywords" name="keywords"/>
	</div>
</form>
	<div class="morphsearch-content">
		<div class="dummy-column">
			<ul class="busqueda" id="busqueda">
			</ul>
		</div>
		<div class="dummy-column" id="programas">
		</div>
		<div class="dummy-column" id="guias">
		</div>
		<div class="clr"></div>
		<div class="botones-busqueda">
			<div class="col-md-6"><a href="#" class="bus-button" id="search_normal">Buscar en Encuentro</a> </div>
			<div class="col-md-6"><a href="#" class="bus-button" id="search_subtitles">Buscar por subtítulos</a> </div>
		</div>
	</div>
	<!-- /morphsearch-content -->
</div>
<!-- /morphsearch -->
<div class="overlay"></div>
<!-- /container --> 
<script src="/frontend/js/classie.js"></script> 
<script src="/frontend/js/search.js"></script> 
<script src="/frontend/js/main.js"></script> 

<script>
$("#search_normal").on('click', function() {
	var keywords = $('#keywords').val();
	var req = new XMLHttpRequest();
	var url = "/search/?keywords="+keywords;
	window.location.href = url;
});

$("#search_subtitles").on('click', function() {
	var keywords = $('#keywords').val();
	var req = new XMLHttpRequest();
	var url = "/search/subtitle/?keywords="+keywords;
	window.location.href = url;
});


$("#keywords").keyup(function() {

	var keywords = $('#keywords').val();

	if (keywords.length <= 2) {
		return;
	}

	var url = '/search/predictive?keywords='+keywords;

	$.getJSON(url, function(results, status) {
		if (status == "success") {
			$("#programas").html("");
			$("#guias").html("");
			$("#busqueda").html("");
			$("#busqueda").append('<h2>o tal vez estas buscando</h2>');
			for (var i in results.keywords) {
				if (i >= 5)
					break;
				$("#busqueda").append('<li><a href="/search?keywords='+results.keywords[i]+'">'+results.keywords[i]+'<span class="icn icn-ir"></span></a></li>');
			}

			if (results.programs.length == 0) {
				$("#programas").append('<h2>No se han encontrado resultados relevantes en <strong>programas</strong></h2>');
				return;
			} else { 
				$("#programas").append('<h2>Resultados relevantes en <strong>programas</strong></h2>');
			}
			for (var i in results.programs) {
				if (i >= 2)
					break;
				var image = "/images/placeholder_360x230.jpg";
				if (results.programs[i].image) {
					image = '/files/'+results.programs[i].image.file;
				}
				var title = results.programs[i].title;
				$("#programas").append('<a href="/programas/'+results.programs[i].id+'" class="relevante"><dd><div class="img-busq"><img src="'+image+'" class="img-responsive" alt="resultado"/></div><div class="text-busqueda"><h5>'+title+'</h5><p>'+results.programs[i].type+'</p></div></dd></a>');
			}

			if (results.resources.length == 0) {
				$("#guias").append('<h2>No se han encontrado resultados relevantes en <strong>gu&iacute;as</strong></h2>');
				return;
			} else { 
				$("#guias").append('<h2>Resultados relevantes en <strong>gu&iacute;as</strong></h2>');
			}
			for (var i in results.resources) {
				var image = "/images/placeholder_360x230.jpg";
				if (results.resources[i].image) {
					image = '/files/'+results.resources[i].image.file;
				}
				$("#guias").append('<a href="/enelaula/'+results.resources[i].id+'" class="relevante"><dd><div class="img-busq"><img src="'+image+'" class="img-responsive" alt="resultado"  height="230"/></div><div class="text-busqueda"><h5>'+results.resources[i].title+'</h5><p>'+results.resources[i].category.replace(',', '')+'</p></div></dd></a>');
			}

		} else {
			alert("Hubo un problema con la llamada a Educ.ar");
		}
	});
});
</script>		<section>
			  	<a name="top-video"></a>
		  <div id="video-play">
			  <div class="container">
				  <div class="video-play">
					  <div id="player">
					  <!-- 
<script type="text/javascript" src="http://libs.educ.gov.ar//js/local/player/jwplayer.js"></script>
<div id='programa' class="jwplayer" ></div> 
-->
					  <div style="position: relative; height: 0; padding-top: 56.248%"><iframe id="player_frame" frameborder="0" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" allowfullscreen src="http://videos.encuentro.gob.ar/video/?id=132316&cc=0&poster=0&info=0&skin=glow"></iframe></div>
<!--						
						  <iframe id="player" frameborder="0"  allowfullscreen src="http://videos.encuentro.gob.ar/video/?id=132316&cc=0&poster=0&info=0&skin=glow" width="830" height="428"></iframe>
-->
					  				  	  </div>
					  
					  <div class="video-desc">
						  <div class="col-md-9">
							  <main>
								  								  <a href="#top-video"><h3 id="program-title"><bold>Susurro y altavoz</bold> / La lluvia (Arnaldo Antunes)</h3></a>
								  								  								  								  <a href="#" id="btnTemporadas" class="btnTemporadas" style="display:none;">TEMPORADAS</a>
							  </main>
						  </div>
						  <div class="col-md-28">
							  <ul class="video-share">
								  <li id="open-cc"><span class="icn icn-lista" id="cc-icon"></span></li>
								  					              <li><a class="ga_encuentro_track" data-ga_category="inicio" data-ga_action="link_descarga" data-ga_label="La lluvia (Arnaldo Antunes)" id="download" href="http://videos.pakapaka.gob.ar/repositorio/Video/ver?file_id=f2b311a0-cbed-46eb-87c3-7f41dd9060fa&amp;rec_id=132316" download=""><span class="icn icn-descarga"></span></a> </li>
								  					              <li>
					                <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
					                <script type="text/javascript">stLight.options({publisher: '9e4d1b956e006dd92bf3cb51daffae49'});</script>
					                <span class="st_sharethis_custom"><span class="icn icn-compartir"></span></span>
								  </li>
							  </ul>
						  </div>
					  </div>
				  </div>
			  </div>
		  </div>
			  
<script>
/*var currentProgramId = 9152;
function vote()
{
	var req = new XMLHttpRequest();
	var url = "/programas/votar/"+currentProgramId+"?email=test@mail.com";
	$.get(url, {}, function(){ });
	$('#votes').text(1);
	$('#vote-section').html('Gracias por tu voto.');
}*/


currentProgramId = 9152;
//);

/*
$(document).ready(function() {
    var time = typeof timeStart !== 'undefined' ? timeStart : 10;
    
 //jwplayer6
    var config = {
        playlist: [{
            //image: videoScreenshotURL + recurso.rec_id + '&t=' + time + '&w=540&h=360',
            sources: [
                { 
                    file: "http://repositoriovideo-download.educ.ar/repositorio/Video/ver?file_id=280fa7e6-7e2b-4f0e-907f-5521e6b2c6a5&rec_id=50018", 
                    label: "360p",
					type: "mp4",
                    autostart: false                        
                }
            ]
        }],
        width: '100%',
        height: '100%'
    };

    config.playlist[0].tracks = [{
            file: 'http://recursos.pakapaka.gob.ar/repositorio/Download/file?file_id=693e041f-2c70-4e67-8a47-2337f02f2ecb&amp;rec_id=132316',
            label: "Español",
            kind: "captions",
            'default': false
    }];

    console.log(config);
    jwplayer("programa").setup(config);

//    if (typeof timeStart !== 'undefined') {
//        jwplayer().seek(timeStart);
//    }
    
    
//    jwplayer().onReady(VerPrograma.jwplayerInitConfig);
    
});
*/

$( document ).ready(function() {
	if($("#season").length > 0){
		$("#btnTemporadas").show();
	}
	
	$("#btnTemporadas").click(function(e) {
		if($("#season").length){
			$('html, body').animate({
		        scrollTop: $("#season").offset().top - 200
		    }, 500);
		}
	});
});

</script>			  	<div id="fixed-video">
	<div class="container">
		<div class="container-95">
			<div class="video-desc">
				<a href="#top-video">
					<div class="col-md-9">
						<main>
						  						  <a href="#top-video"><h3 id="program-title"><bold>Susurro y altavoz</bold> / La lluvia (Arnaldo Antunes)</h3></a>
						  							  							  						</main>
					</div>
				</a>
				<div class="col-md-28">
				  <ul class="video-share">
		               
					  		              <li>><a href="http://videos.pakapaka.gob.ar/repositorio/Video/ver?file_id=fa65d72b-c7ff-48c4-8058-456ae98da3a0&amp;rec_id=132316"><span class="icn icn-descarga"></span></a> </li>
					  		              <li>
		                <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
		                <script type="text/javascript">stLight.options({publisher: '9e4d1b956e006dd92bf3cb51daffae49'});</script>
		                <span class="st_sharethis_custom"><span class="icn icn-compartir"></span></span>
					  </li>
				  </ul>
				</div>
			</div>
		</div>
	</div>
</div>    
			  
		    <div class="container">
			    <div id="main">
			      <div id="horario" class="col-md-2">
					  			<div class="col-md-13">
  <h5 class="text-uppercase">ahora en encuentro</h5>
  <div id="grilla">
  </div>
  <a class="ga_encuentro_track" data-ga_category="inicio" data-ga_action="link_ver_mas" data-ga_label="grilla completa" href="/programacion/" class="hor-button grilla-button">grilla completa</a> 
</div>


<script>
/*
var d = new Date();
var date_from = d.toISOString();

var hostname = 'http://apipub-canales.encuentro.gov.ar/1.0/grilla';
var path = '/';
var app_key  = '8f0d681747a7490d1d2138fd3aa1bfc39209f64a';
var params 	 = {
	app_key: app_key,
	canal: "Portal Encuentro",
	fecha_inicio: date_from,
}

var query = encodeURIComponent(JSON.stringify(params));
//var query = JSON.stringify(params);
var url = hostname + path + query;
*/

var url = '/programacion/hoy/';

$("#grilla").html('<div class="loader-ajax"></div>');

$.getJSON(url, function(dias, status) {

	if (status == "success") {

		if (dias.length == 0) {
			$("#grilla").html('No hay programación disponible para este día');
			return;
		}
		var cant_programas = 1;

		$("#grilla").html('');
		var grid_list = '<ul>';

		for (var i in dias) {

			for (var j in dias[i]["programas"]) {

				var image = dias[i]["programas"][j].imagen;
				var title_original = dias[i]["programas"][j].title;
				var title = truncate(title_original, 25, false);

				if (dias[i]["programas"][j].id > -1) 
					programURL = "/programas/"+dias[i]["programas"][j].id+"/";
				else
					programURL = "#";
				
				if (cant_programas == 1) {
					//grid_list += '<li id="destacado-movil"><a href="'+programURL+'" class="video-pr-ds"><img src="'+image+'" class="img-responsive" alt="'+title_original+'"></a><a href="'+programURL+'"><li class="hora-pr-col"><time class="hora-pr">'+j+'</time><p class="title-pr">'+title+'</p></div></a></li>';
					grid_list += '<li id="destacado-movil"><a class="video-pr-ds ga_encuentro_track_grid" data-ga_category="grilla" data-ga_action="link_grilla" data-ga_label="'+title_original+'" href="'+programURL+'" ><img src="'+image+'" class="img-responsive" alt="'+title_original+'"></a><a class="ga_encuentro_track_grid" data-ga_category="grilla" data-ga_action="link_grilla" data-ga_label="'+title_original+'" href="'+programURL+'"></div></a></li>';
				} /*else {*/
					grid_list += '<li class="destacados-horarios"><a class="ga_encuentro_track_grid" data-ga_category="grilla" data-ga_action="link_grilla" data-ga_label="'+title+'" href="'+programURL+'"><div id="overlay-clasic"><span class="ver-ficha-horario">ver ficha</span> </div><div class="hora-pr-col"><div class="hora-pr">'+j+'</div><div class="title-pr">'+title+'</div></div></a></li>';
				//}
				cant_programas++;

				if (cant_programas >= 10) 
					break;
			}
		}
		grid_list += '</ul>';
		$("#grilla").append(grid_list);

		//trackeo para analytics
		$("a.ga_encuentro_track_grid").click(function(e) {
			var ga_category = $(e.currentTarget).data('ga_category');
			var ga_action = $(e.currentTarget).data('ga_action');
			var ga_label = $(e.currentTarget).data('ga_label');

			encuentroTrackAnalytics(ga_category, ga_action, ga_label);
		});
		
	} else {
		console.log("Hubo un problema con la llamada.");
	}
});

function truncate(str, n, useWordBoundary) {
    var singular, tooLong = str.length > n;
    useWordBoundary = useWordBoundary || true;

    // Edge case where someone enters a ridiculously long string.
    str = tooLong ? str.substr(0, n-1) : str;

    singular = (str.search(/\s/) === -1) ? true : false;
    if(!singular) {
      str = useWordBoundary && tooLong ? str.substr(0, str.lastIndexOf(' ')) : str;
    }

    return  tooLong ? str + '&hellip;' : str;
}
</script>

				      </div>
			      <div id="central" class="col-md-9">
					  	<div class="col-em-11" id="loader">
</div>
<div class="col-em-11" id="cc" style="display: 'none';">
	<h4 class="title-sinopsis">Subtitulos y transcripción</h4>
	<div class="col-sub" id="cc-list" style="height: 500px; overflow-y: scroll;">
	</div>
</div>

<div class="col-em-11" id="sinopsis"><!-- INICIO sinoposis -->
	<h4 class="title-sinopsis">Sinopsis</h4>
	<div id="sinopsis">
		<div class="col-md-3">
			<img src="/files/6 (3).jpg" class="img-responsive" alt="programas" id="sinopsis_image">
		</div>
		<div class="text-sinopsis">
			<p id="sinopsis_text">Un grupo de j&oacute;venes recorre mundos imaginarios de la mano de Ruth Kaufman, escritora y poeta, mientras transita la experiencia de escribir poes&iacute;a. Sonora, concreta, visual, surrealista, grupal, metaf&oacute;rica, la poes&iacute;a recorre las calles, llena las paredes y sale de su solemnidad. &iquest;El m&oacute;vil? Un poema y su escritor, que comparte la transformadora experiencia de la creaci&oacute;n.</p>
			<ul class="tags">
  			    			  				  					<li><a href="/search/?keywords=poes&iacute;a">poes&iacute;a</a></li>
				    			  				  					<li><a href="/search/?keywords= taller"> taller</a></li>
				    			  				  					<li><a href="/search/?keywords= adolscentes"> adolscentes</a></li>
				    			  			</ul>
		</div>
	</div>
	
	<div class="col-md-3">
		<h4 class="title-sinopsis" id="next_shows_title"></h4>
	</div>
	<div class="col-md-9">
		<div  id="next_shows"></div>
		<div id="botones-sinopsis">
								</div>
	</div>
    <div class="clr"></div>

	
	
</div>

<script src="/frontend/js/jquery-1.7.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/frontend/js/jquery.featureCarousel.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript">

var hostname = 'http://apipub-canales.encuentro.gov.ar/1.0/proximas-emisiones';
var path = '/';
var app_key  = '8f0d681747a7490d1d2138fd3aa1bfc39209f64a';
var params 	 = {
app_key: app_key,
canal: "Portal Encuentro"
}

var query = encodeURIComponent(JSON.stringify(params));
//var query = JSON.stringify(params);
var url = hostname + path + "132315/" +query;

$.getJSON(url, function(results, status) {
if (status == "success") {

	if (results)
		$("#next_shows_title").html("Próximas</br>emisiones");

	$.each( results, function( date, emision ) {
		var day = date.split("-")[2];
		var month = date.split("-")[1];
		var year = date.split("-")[0];
		$.each( emision.programas, function( time, value ) {
			var hour = time.split(":")[0];
			var minute = time.split(":")[1];

    		var title = value.titulo;
			
    		var hourOne = parseInt(hour) + 1;
    		if (hourOne < 10) hourOne = "0"+hourOne; 
    		var calTime = year+month+day+'T'+hour+minute+'00/'+year+month+day+'T'+hourOne+minute+'00';
    		var cal = 'http://www.google.com/calendar/event?action=TEMPLATE&text='+title+'&dates='+calTime+'&details=Canal Encuentro'
    		var append = '<div class="col-md-13 emisiones-rec"><div id="overlay-clasic"><a href="'+cal+'"><ul><li><span class="icon-plus"></span> </li>agregar a mi calendario</ul></a></div><div class="emision"><p class="dia-em">'+day+'</p>de '+getMonthName(month)+'</div><div class="remember"><time class="dia-hora"><p><strong>'+hour+':'+minute+' hs</strong></p></time><p>'+title+'</p></div><a href="'+cal+'" class="bot-calen mov">agregar a mi calendario</a></div>';
    		$("#next_shows").append(append);
		});
	});

} else {
	console.log("Hubo un problema con la llamada.");
}
});

function getMonthName(month)
{
	var name = 'Enero';
	switch (month) {
		case 2:
			name = 'Febrero';
			break;
		case 3:
			name = 'Marzo';
			break;
		case 4:
			name = 'Abril';
			break;
		case 5:
			name = 'Mayo';
			break;
		case 6:
			name = 'Junio';
			break;
		case 7:
			name = 'Julio';
			break;
		case 8:
			name = 'Agosto';
			break;
		case 9:
			name = 'Septiembre';
			break;
		case 10:
			name = 'Octubre';
			break;
		case 11:
			name = 'Noviembre';
			break;
		case 12:
			name = 'Diciembre';
			break;
	}
	return name;
}

$(document).ready(function() {
  var carousel = $("#carousel-emis").featureCarousel({
    // include options like this:
    // (use quotes only for string values, and no trailing comma after last option)
    // option: value,
    // option: value
  });

});

$("#loader").hide();
$("#cc").hide();

$('#open-cc').on('click', function() 
{
	if ($("#cc").is(":visible"))
	{
		$("#cc").hide();
	} else {
		$('#loader').show();
		$("#loader").html('<div class="loader-ajax"></div>');
		var url = "/programas/srt/"+currentProgramId+"/";
		$.getJSON(url, function(results, status) {
			$('#loader').hide();
			if (status == "success") {
				var html = '';
				for (var i in results) {
					html += '<div class="lineaCC">';
					html += '<div class="col-md-3 hora-subtitles" data-time="'+results[i].startSeconds+'">'+results[i].startTime+'</div>';
					html += '<div class="col-md-9 text-subtitles"><p>'+results[i].text+'</p></div>';
					html += '</div>';
				}
				$("#cc-list").html(html);
				$("#cc").show();
			} else {
				alert("Hubo un problema con la llamada a Educ.ar");
			}
		});
		
		var iframe = document.getElementById("player");
		//iframe.contentWindow.jwplayer().on('time', playerUpdates);

		
	}
});

$("#cc").on("click", ".lineaCC", function(e){
	var seekValue = $(".hora-subtitles", this).attr('data-time');
	window.location = "/programas/132316?start="+seekValue;
});
</script>
					  	<div id="season">
	<div class="temporada" id="menu-control">
		<div class="container-95">Ver cap&iacute;tulos/temporadas</div>
	</div>
	<div class="container-95" id="season-menu">
		<div class="col-md-28">
			<ul class="nav nav-pills nav-stacked" id="episode">
							    			<li class="active" id="season-0"><a href="#" class="season-tab" season-id="season-0">Susurro y altavoz</a></li>
										</ul>
		</div>
		<div class="col-md-9">
			<div class="tab-content">
												<div class="tab-pane active" id="season-0-block" season-id="season-0">
									<div class="col-md-13"  id="grilla_">
																				<div class="col-md-13 grilla-rec">
								<div class="hora-grilla">E <strong>1</strong></div>
								<div class="img-grilla"><img src="/files/6 (3).jpg" class="img-responsive" alt="aula"></div>
								<div class="text-grilla">
									<h4>La lluvia (Arnaldo Antunes)</h4>
								</div>
								<div class="ver-grilla-table">
									<a class="play-episode ga_encuentro_track" data-ga_category="catalogo" data-ga_action="play" data-ga_label="La lluvia (Arnaldo Antunes)" href="#" program-id="9152" season="1">ver episodio</a>
								</div>
							</div>
																				<div class="col-md-13 grilla-rec">
								<div class="hora-grilla">E <strong>2</strong></div>
								<div class="img-grilla"><img src="/files/6 (3).jpg" class="img-responsive" alt="aula"></div>
								<div class="text-grilla">
									<h4>Como Gepetto (Roberta Ianamicco)</h4>
								</div>
								<div class="ver-grilla-table">
									<a class="play-episode ga_encuentro_track" data-ga_category="catalogo" data-ga_action="play" data-ga_label="Como Gepetto (Roberta Ianamicco)" href="#" program-id="9153" season="1">ver episodio</a>
								</div>
							</div>
																				<div class="col-md-13 grilla-rec">
								<div class="hora-grilla">E <strong>3</strong></div>
								<div class="img-grilla"><img src="/files/6 (3).jpg" class="img-responsive" alt="aula"></div>
								<div class="text-grilla">
									<h4>Me gusta el fr&iacute;o (Rodolfo Edwards)</h4>
								</div>
								<div class="ver-grilla-table">
									<a class="play-episode ga_encuentro_track" data-ga_category="catalogo" data-ga_action="play" data-ga_label="Me gusta el fr&iacute;o (Rodolfo Edwards)" href="#" program-id="9154" season="1">ver episodio</a>
								</div>
							</div>
																				<div class="col-md-13 grilla-rec">
								<div class="hora-grilla">E <strong>4</strong></div>
								<div class="img-grilla"><img src="/files/6 (3).jpg" class="img-responsive" alt="aula"></div>
								<div class="text-grilla">
									<h4>El espejo (Sylvia Plath)</h4>
								</div>
								<div class="ver-grilla-table">
									<a class="play-episode ga_encuentro_track" data-ga_category="catalogo" data-ga_action="play" data-ga_label="El espejo (Sylvia Plath)" href="#" program-id="9155" season="1">ver episodio</a>
								</div>
							</div>
																					<a href="#" id="btn_ver_mas_1" class="btn_ver_mas_capitulos" data-span_season="span_ver_mas_1">ver mas</a>
								<span id="span_ver_mas_1" style="display:none;"/>
														<div class="col-md-13 grilla-rec">
								<div class="hora-grilla">E <strong>5</strong></div>
								<div class="img-grilla"><img src="/files/6 (3).jpg" class="img-responsive" alt="aula"></div>
								<div class="text-grilla">
									<h4>Uni&oacute;n libre (Andr&eacute; Breton)</h4>
								</div>
								<div class="ver-grilla-table">
									<a class="play-episode ga_encuentro_track" data-ga_category="catalogo" data-ga_action="play" data-ga_label="Uni&oacute;n libre (Andr&eacute; Breton)" href="#" program-id="9204" season="1">ver episodio</a>
								</div>
							</div>
																				<div class="col-md-13 grilla-rec">
								<div class="hora-grilla">E <strong>6</strong></div>
								<div class="img-grilla"><img src="/files/6 (3).jpg" class="img-responsive" alt="aula"></div>
								<div class="text-grilla">
									<h4>La tinta negra (Edith Vera)</h4>
								</div>
								<div class="ver-grilla-table">
									<a class="play-episode ga_encuentro_track" data-ga_category="catalogo" data-ga_action="play" data-ga_label="La tinta negra (Edith Vera)" href="#" program-id="9235" season="1">ver episodio</a>
								</div>
							</div>
																				<div class="col-md-13 grilla-rec">
								<div class="hora-grilla">E <strong>7</strong></div>
								<div class="img-grilla"><img src="/files/6 (3).jpg" class="img-responsive" alt="aula"></div>
								<div class="text-grilla">
									<h4>Gratitud (Oliverio Girondo)&nbsp;</h4>
								</div>
								<div class="ver-grilla-table">
									<a class="play-episode ga_encuentro_track" data-ga_category="catalogo" data-ga_action="play" data-ga_label="Gratitud (Oliverio Girondo)&nbsp;" href="#" program-id="9240" season="1">ver episodio</a>
								</div>
							</div>
																				<div class="col-md-13 grilla-rec">
								<div class="hora-grilla">E <strong>8</strong></div>
								<div class="img-grilla"><img src="/files/6 (3).jpg" class="img-responsive" alt="aula"></div>
								<div class="text-grilla">
									<h4>Cortejo (Cristina Peri Rossi)</h4>
								</div>
								<div class="ver-grilla-table">
									<a class="play-episode ga_encuentro_track" data-ga_category="catalogo" data-ga_action="play" data-ga_label="Cortejo (Cristina Peri Rossi)" href="#" program-id="9244" season="1">ver episodio</a>
								</div>
							</div>
																			<a href="#" id="btn_ver_menos_1" class="btn_ver_menos_capitulos" data-span_season="span_ver_mas_1">ver menos</a>
							</span>
											</div>
				</div>
							</div>
		</div>
	</div>
</div>
<div class="clr"></div>

<script type="text/javascript">
var selectedSeason = "season-0";

$( document ).ready(function() {

	initializeEvents();
	
// 	$("#season-menu").hide();
});


function initializeEvents(){
	$('.season-tab').on('click', function() {
		var seasonId = $(this).attr("season-id");
		$("#"+selectedSeason).removeClass("active");
		$("#"+selectedSeason+"-block").removeClass("active");
		$("#"+selectedSeason+"-block").addClass("fade");
		$("#"+seasonId).addClass("active");
		$("#"+seasonId+"-block").removeClass("fade");
		$("#"+seasonId+"-block").addClass("active");
		selectedSeason = seasonId;
	});

	$('#episode a').click(function (e) {
		e.preventDefault();
		//$(this).tab('show')
	});

	$('.btn_ver_mas_capitulos').click(function (e) {
		e.preventDefault();
		var spanSeasonId = $(e.target).data('span_season');
		$("#"+spanSeasonId).show();
		$(this).hide();
	});

	$('.btn_ver_menos_capitulos').click(function (e) {
		e.preventDefault();
		var spanSeasonId = $(e.target).data('span_season');
		$("#"+spanSeasonId).hide();
		var btnVerMasId = spanSeasonId.replace('span','btn');
		$("#"+btnVerMasId).show();
		$('html, body').animate({
	        scrollTop: $("#season").offset().top - 200
	    }, 500);
	});

	$('#menu-control').on('click', function() 
	{
		if ($("#season-menu").is(":visible"))
		{
			$("#season-menu").hide();
			$('#menu-control').removeClass("open"); 
		} else {
			$("#season-menu").show();
			$('#menu-control').addClass("open"); 
		}
	});

	$('.play-episode').on('click', function() 
	{
		var programId = $(this).attr("program-id");
		var season = $(this).attr("season");
		
		var url = "/programas/json/" + programId;

		$.getJSON(url, function(results, status) {
			for (var i in results) {
				var title = "Susurro y altavoz / "+results.title;
				var educarId = results.educar_id;
				if (results.web_enabled) {
					$('#player').html('<div style="position: relative; height: 0; padding-top: 56.248%"><iframe id="player_frame" frameborder="0" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" allowfullscreen src="http://videos.encuentro.gob.ar/video/?id='+educarId+'&poster=0&cc=0&info=0&skin=glow"></iframe></div>');
				} else {
					//$('#player').html('<div class="video-sin"><div class="overlay-sin-video" id="vote-section"><p>Programa no disponible on-line</p><button id="vote" onClick="vote();">Quiero que vuelva a la pantalla de Encuentro</button><p class="votaron"><strong><span id="votes">'+results.votes+'</span></strong> personas ya votaron</p></div><img src="/images/video-preview.jpg" class="img-responsive" alt="producciones"></div>');
					$('#player').html('<div class="video-sin"><div class="overlay-sin-video" id="vote-section"><p>Programa no disponible on-line</p></div><img src="/images/video-preview.jpg" class="img-responsive" alt="producciones"></div>');
					currentProgramId = results.id;
				}
				
				$('#player').attr('src', 'http://videos.encuentro.gob.ar/video/?id='+educarId+'&poster=0&cc=0&info=0&skin=glow');
				$('#program-title').html(title);
				$('#program-duration').html('duración <strong>'+results.duration+' minutos</strong>');
				$('#download').attr('href', results.download_url_sd);
				$('#sinopsis_text').html(results.description);
				history.pushState({}, title, "/programas/serie/9151/"+programId+'?temporada='+season);
				document.title = "Susurro y altavoz (T"+season+"), "+results.title+" - Canal Encuentro";
				
				if (results.closed_captions && results.closed_captions.length > 0 ) {
					$('#open-cc').show();
				} else {
					$('#open-cc').hide();
				}

// 				$("#season-menu").hide();
// 				$('#menu-control').removeClass("open"); 
				$("#cc").hide();
				$("#sinopsis").show();
				
				currentProgramId = programId;
			}
			updateRelated(programId);
		})
		.done(function() { console.log('getJSON request succeeded!'); })
		.fail(function(jqXHR, textStatus, errorThrown) { 
			console.log('getJSON request failed! ' + textStatus); 
			//$("#educar_info").html("");
			//$("#educar_info").append("<pre>Hubo un problema con la llamada</pre>");
		})
		.always(function() { console.log('getJSON request ended!'); });
	});
}

function updateRelated(programId) { 
	var url = '/programas/related/9151/'+programId;
	$.getJSON(url, function(results, status) {
		$("#related").hide();
		$("#related-list").html("");
		if (status == "success") {
			if (results.length > 0) {
				$("#related").show();
				for (var i in results) {
					var item = '<div class="destacado-hoy" id="ficha">'; 
					item += '<a href="'+results[i].path+'" class="video-pr-ds">';
					item += '<div id="overlay-clasic"><div class="icon-see"><span class="plus"></span></div></div>';
					item += '<img src="'+results[i].image_path+'" class="img-responsive" alt="recursos relacionados"></a>';
					item += '<div class="tag-recursos">'+results[i].type+'</div>';
					item += '<div class="subtitle-video">'+results[i].title+'</div></div>';
					$("#related-list").append(item);
				}
			}
		} else {
			alert("Hubo un problema con la llamada a Educ.ar");
			console.log(status);
		}
	})
	.done(function() { console.log('getJSON request succeeded!'); })
	.fail(function(jqXHR, textStatus, errorThrown) { 
		console.log('getJSON request failed! ' + textStatus); 
	})
	.always(function() { console.log('getJSON request ended!'); });
}

</script>			      </div>
			      <div id="video" class="col-md-2">
					  				      </div>
			    </div>
			</div>
		</section>
				</div>
		<div id="footer">
	<div class="container  pad-40">
		<div class="container-form">
			<div id="foot-m">
				<a class="ga_encuentro_track" data-ga_category="inicio" data-ga_action="link_footer" data-ga_label="Acerca de Encuentro" href="/acercade">Acerca de Encuentro</a>
				<a class="ga_encuentro_track" data-ga_category="inicio" data-ga_action="link_footer" data-ga_label="Cableoperadores" href="/cableoperadores">Cableoperadores</a>
				<a class="ga_encuentro_track" data-ga_category="inicio" data-ga_action="link_footer" data-ga_label="Presentacion de proyectos" href="/proyectos">Presentación de proyectos</a>
				<a class="ga_encuentro_track" data-ga_category="inicio" data-ga_action="link_footer" data-ga_label="Condiciones de uso" href="/condiciones">Condiciones de uso</a>
				<a class="ga_encuentro_track" data-ga_category="inicio" data-ga_action="link_footer" data-ga_label="Informacion para proveedores" target="_blank" href="http://www.educ.ar/sitios/educar/compras/index">Información para proveedores</a>
				<a class="ga_encuentro_track" data-ga_category="inicio" data-ga_action="link_footer" data-ga_label="Catalogo de programacion" target="_blank" href="http://catalogo.encuentro.gob.ar/">Catálogo de programación</a>
				<a class="ga_encuentro_track" data-ga_category="inicio" data-ga_action="link_footer" data-ga_label="Contacto" href="/contacto">Contacto</a>
				<p class="subscribe" id="subscribe_message">Quiero recibir novedades </p>
				<input class="mail-subs" placeholder="&#9993;" onfocus="this.placeholder = ''" onblur="this.placeholder = '&#9993;'" name="email" type="email" id="emailfield" required /><input type="submit" value="" class="send-subs" title="enviar" id="subscribe">
				<div class="social">
					<p>Seguinos en</p>
					<a class="ga_encuentro_track" data-ga_category="inicio" data-ga_action="link_footer" data-ga_label="Facebook" href="http://facebook.com/canalencuentro"><span class="icn icn-facebook"></span></a>
					<a class="ga_encuentro_track" data-ga_category="inicio" data-ga_action="link_footer" data-ga_label="Twitter" href="http://twitter.com/canalencuentro"><span class="icn icn-twitter"></span></a>
					<a class="ga_encuentro_track" data-ga_category="inicio" data-ga_action="link_footer" data-ga_label="Youtube" href="http://youtube.com/encuentro"><span class="icn icn-utube"></span></a>
				</div>
			</div>
			<p>Todos los derechos reservados educ.ar 2016</p>
		</div>
	</div>
	<div id="footer-logos">
		<div class="container">
			<div class="col-foot">
				<ul>
					<li><a class="ga_encuentro_track" data-ga_category="inicio" data-ga_action="link_footer" data-ga_label="Canal Encuentro" href="http://www.encuentro.gov.ar/"><img src="/frontend/images/footer-encuentro.png" alt="Canal Encuentro"></a></li>
					<li><a class="ga_encuentro_track" data-ga_category="inicio" data-ga_action="link_footer" data-ga_label="Sistema Federal de Medios y Contenidos Publicos" href="https://www.argentina.gob.ar/mediospublicos/"><img src="/frontend/images/footer-secretaria.png" alt="Secretaría Federal de Medios y Contenidos Públicos"></a></li>
					<li><a class="ga_encuentro_track" data-ga_category="inicio" data-ga_action="link_footer" data-ga_label="Educ.ar" href="https://www.educ.ar/"><img src="/frontend/images/footer-educar.png" alt="Educ.ar"></a></li>
				</ul>
			</div>
		</div>
	</div>
</div>

<script>
$("#subscribe").on('click', function() {
	var email = $('#emailfield').val();
	if (email.length == 0 || !validateEmail(email))
	{
		$("#subscribe_message").html('El email no es válido.');
		return;
	}

	var url = "/visitor?email="+email;

	$.getJSON(url, function(results, status) {
		if (status == "success") {
			$("#subscribe_message").html('Muchas gracias.');
		} else {
			alert("Hubo un problema. Por favor intentá más tarde.");
		}
	});
});

function validateEmail(email) 
{
    //var re = /\S+@\S+/;
	var re =/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i
    return re.test(email);
}
</script>	</body>
</html>