~facundo/encuentro/trunk

« back to all changes in this revision

Viewing changes to tests/ej-encuen-program-1.html

  • Committer: Facundo Batista
  • Date: 2017-06-23 00:35:18 UTC
  • mto: This revision was merged to the branch mainline in revision 296.
  • Revision ID: facundo@taniquetil.com.ar-20170623003518-sv60l0eib3rjx882
Huge renewal refactor.

Show diffs side-by-side

added added

removed removed

Lines of Context:
 
1
<!DOCTYPE html>
 
2
<!--[if lt IE 7 ]> <html class="ie ie6 no-js" lang="en"> <![endif]-->
 
3
<!--[if IE 7 ]>    <html class="ie ie7 no-js" lang="en"> <![endif]-->
 
4
<!--[if IE 8 ]>    <html class="ie ie8 no-js" lang="en"> <![endif]-->
 
5
<!--[if IE 9 ]>    <html class="ie ie9 no-js" lang="en"> <![endif]-->
 
6
<!--[if gt IE 9]><!-->
 
7
<!--[if lte IE 9]>
 
8
      <link href='/frontend/css/animations-ie-fix.css' rel='stylesheet'>
 
9
<![endif]-->
 
10
<html class="no-js" lang="en">
 
11
<!--<![endif]-->
 
12
<head>
 
13
<meta charset="UTF-8" />
 
14
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 
15
<!-- Twitter Card data -->
 
16
<meta name="twitter:site" content="@canalencuentro">
 
17
<meta name="twitter:title" content="Programa La Colifata en Mosc&uacute;">
 
18
<!-- Twitter summary card with large image must be at least 280x150px -->
 
19
<meta name="twitter:image:src" content="http://encuentro.gob.ar/files/Colifata.jpg">
 
20
 
 
21
<!-- Open Graph data -->
 
22
<meta property="og:title" content="La Colifata en Mosc&uacute;" />
 
23
<meta property="og:type" content="video" />
 
24
<meta property="og:url" content="http://encuentro.gob.ar/programas/9194" />
 
25
<meta property="og:image" content="http://encuentro.gob.ar/files/Colifata.jpg" />
 
26
<meta property="og:site_name" content="Canal Encuentro" />
 
27
<title>La Colifata en Moscú - Canal Encuentro</title>
 
28
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
 
29
<link href='https://fonts.googleapis.com/css?family=Asap:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
 
30
<link rel="stylesheet" type="text/css" href="/frontend/css/encuentro.css" />
 
31
<!-- <link rel="shortcut icon" href="/images/favicon.ico?v=2">   -->  
 
32
<link rel="shortcut icon" href="/images/favicon.png?v=3">     
 
33
<!-- REVOLUTION STYLE SHEETS -->
 
34
<link rel="stylesheet" type="text/css" href="/frontend/css/settings.css">
 
35
<!-- REVOLUTION LAYERS STYLES -->
 
36
<link rel="stylesheet" type="text/css" href="/frontend/css/layers.css">
 
37
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
 
38
<script src="/frontend/js/menu.js"></script>
 
39
<script src="/frontend/js/modernizr.min.js"></script>
 
40
<script src="/frontend/js/bootstrap.js"></script>
 
41
 
 
42
<!-- REVOLUTION JS FILES -->
 
43
<script type="text/javascript" src="/frontend/js/jquery.themepunch.tools.min.js"></script>
 
44
<script type="text/javascript" src="/frontend/js/jquery.themepunch.revolution.min.js"></script>
 
45
 
 
46
<script type="text/javascript">
 
47
<!--
 
48
function viewport()
 
49
{
 
50
var e = window
 
51
, a = 'inner';
 
52
if ( !( 'innerWidth' in window ) )
 
53
{
 
54
a = 'client';
 
55
e = document.documentElement || document.body;
 
56
}
 
57
return { width : e[ a+'Width' ] , height : e[ a+'Height' ] }
 
58
}
 
59
//-->
 
60
</script>
 
61
<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>
 
62
 
 
63
<script>
 
64
$( document ).ready(function() {
 
65
        //trackeo para analytics
 
66
        $("a.ga_encuentro_track").click(function(e) {
 
67
                var ga_category = $(e.currentTarget).data('ga_category');
 
68
                var ga_action = $(e.currentTarget).data('ga_action');
 
69
                var ga_label = $(e.currentTarget).data('ga_label');
 
70
 
 
71
                encuentroTrackAnalytics(ga_category, ga_action, ga_label);
 
72
        });
 
73
});
 
74
 
 
75
//hago esta funcion para poder usarla desde otros lugares tambien
 
76
function encuentroTrackAnalytics(ga_category, ga_action, ga_label){
 
77
        if(typeof dondeEstoy !== 'undefined' && dondeEstoy != null){
 
78
                ga_category = dondeEstoy;
 
79
        }
 
80
 
 
81
        ga('send', 'event', ga_category, ga_action, ga_label);
 
82
}
 
83
</script>       <body>
 
84
                <div id="wrap">
 
85
                <header>
 
86
        <div class="menu">
 
87
                <div class="col-xs-2">
 
88
                        <a href="/">
 
89
                                <div class="logo"></div>
 
90
                        </a>
 
91
                </div>
 
92
                <div class="col-xs-2 section-m">Catálogo</div>
 
93
                <div class="col-xs-9">
 
94
                        <div class="search-mov">
 
95
                                <div class="dropdown">
 
96
                                        <div class="btn btn-default dropdown-toggle" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" role="button">
 
97
                                                <p class="icon-search"></p>
 
98
                                        </div>
 
99
                                        <ul class="dropdown-menu" aria-labelledby="dropdownMenu2">
 
100
                                                <li>
 
101
                                                        <form action="/search/" class="navbar-form">
 
102
                                                                <div class="form-group">
 
103
                                                                        <input type="text" name="keywords" class="form-control" placeholder="">
 
104
                                                                </div>
 
105
                                                                <button type="submit" class="btn btn-default">
 
106
                                                                        <span class="icon-right-open"></span>
 
107
                                                                </button>
 
108
                                                        </form>
 
109
                                                </li>
 
110
                                        </ul>
 
111
                                </div>
 
112
                        </div>
 
113
                        <div class="menu_bar"> 
 
114
                                <a href="#" class="bt-menu">
 
115
                                </a>
 
116
                        </div>
 
117
                        <nav id="topmenu">
 
118
                                <ul>
 
119
                                        <li><a class="ga_encuentro_track" data-ga_category="inicio" data-ga_action="boton_menu" data-ga_label="inicio" href="/">Inicio</a></li>
 
120
                                        <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>
 
121
                                        <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>
 
122
                                        <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>
 
123
                                        <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>
 
124
                                        <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>
 
125
                                        <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>
 
126
                                </ul>
 
127
                        </nav>
 
128
                </div>
 
129
        </div>
 
130
</header>
 
131
                <div id="morphsearch" class="morphsearch hide-from-print" role="banner">
 
132
        <span class="morphsearch-close"></span> 
 
133
<form method="GET" action="http://encuentro.gob.ar/search" accept-charset="UTF-8" class="morphsearch-form">
 
134
    <div class="buscar">
 
135
                <input class="morphsearch-input" type="search" id="keywords" name="keywords"/>
 
136
        </div>
 
137
</form>
 
138
        <div class="morphsearch-content">
 
139
                <div class="dummy-column">
 
140
                        <ul class="busqueda" id="busqueda">
 
141
                        </ul>
 
142
                </div>
 
143
                <div class="dummy-column" id="programas">
 
144
                </div>
 
145
                <div class="dummy-column" id="guias">
 
146
                </div>
 
147
                <div class="clr"></div>
 
148
                <div class="botones-busqueda">
 
149
                        <div class="col-md-6"><a href="#" class="bus-button" id="search_normal">Buscar en Encuentro</a> </div>
 
150
                        <div class="col-md-6"><a href="#" class="bus-button" id="search_subtitles">Buscar por subtítulos</a> </div>
 
151
                </div>
 
152
        </div>
 
153
        <!-- /morphsearch-content -->
 
154
</div>
 
155
<!-- /morphsearch -->
 
156
<div class="overlay"></div>
 
157
<!-- /container --> 
 
158
<script src="/frontend/js/classie.js"></script> 
 
159
<script src="/frontend/js/search.js"></script> 
 
160
<script src="/frontend/js/main.js"></script> 
 
161
 
 
162
<script>
 
163
$("#search_normal").on('click', function() {
 
164
        var keywords = $('#keywords').val();
 
165
        var req = new XMLHttpRequest();
 
166
        var url = "/search/?keywords="+keywords;
 
167
        window.location.href = url;
 
168
});
 
169
 
 
170
$("#search_subtitles").on('click', function() {
 
171
        var keywords = $('#keywords').val();
 
172
        var req = new XMLHttpRequest();
 
173
        var url = "/search/subtitle/?keywords="+keywords;
 
174
        window.location.href = url;
 
175
});
 
176
 
 
177
 
 
178
$("#keywords").keyup(function() {
 
179
 
 
180
        var keywords = $('#keywords').val();
 
181
 
 
182
        if (keywords.length <= 2) {
 
183
                return;
 
184
        }
 
185
 
 
186
        var url = '/search/predictive?keywords='+keywords;
 
187
 
 
188
        $.getJSON(url, function(results, status) {
 
189
                if (status == "success") {
 
190
                        $("#programas").html("");
 
191
                        $("#guias").html("");
 
192
                        $("#busqueda").html("");
 
193
                        $("#busqueda").append('<h2>o tal vez estas buscando</h2>');
 
194
                        for (var i in results.keywords) {
 
195
                                if (i >= 5)
 
196
                                        break;
 
197
                                $("#busqueda").append('<li><a href="/search?keywords='+results.keywords[i]+'">'+results.keywords[i]+'<span class="icn icn-ir"></span></a></li>');
 
198
                        }
 
199
 
 
200
                        if (results.programs.length == 0) {
 
201
                                $("#programas").append('<h2>No se han encontrado resultados relevantes en <strong>programas</strong></h2>');
 
202
                                return;
 
203
                        } else { 
 
204
                                $("#programas").append('<h2>Resultados relevantes en <strong>programas</strong></h2>');
 
205
                        }
 
206
                        for (var i in results.programs) {
 
207
                                if (i >= 2)
 
208
                                        break;
 
209
                                var image = "/images/placeholder_360x230.jpg";
 
210
                                if (results.programs[i].image) {
 
211
                                        image = '/files/'+results.programs[i].image.file;
 
212
                                }
 
213
                                var title = results.programs[i].title;
 
214
                                $("#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>');
 
215
                        }
 
216
 
 
217
                        if (results.resources.length == 0) {
 
218
                                $("#guias").append('<h2>No se han encontrado resultados relevantes en <strong>gu&iacute;as</strong></h2>');
 
219
                                return;
 
220
                        } else { 
 
221
                                $("#guias").append('<h2>Resultados relevantes en <strong>gu&iacute;as</strong></h2>');
 
222
                        }
 
223
                        for (var i in results.resources) {
 
224
                                var image = "/images/placeholder_360x230.jpg";
 
225
                                if (results.resources[i].image) {
 
226
                                        image = '/files/'+results.resources[i].image.file;
 
227
                                }
 
228
                                $("#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>');
 
229
                        }
 
230
 
 
231
                } else {
 
232
                        alert("Hubo un problema con la llamada a Educ.ar");
 
233
                }
 
234
        });
 
235
});
 
236
</script>               <section>
 
237
                                <a name="top-video"></a>
 
238
                  <div id="video-play">
 
239
                          <div class="container">
 
240
                                  <div class="video-play">
 
241
                                          <div id="player">
 
242
                                          <!-- 
 
243
<script type="text/javascript" src="http://libs.educ.gov.ar//js/local/player/jwplayer.js"></script>
 
244
<div id='programa' class="jwplayer" ></div> 
 
245
-->
 
246
                                          <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=132350&cc=0&poster=0&info=0&skin=glow"></iframe></div>
 
247
<!--                                            
 
248
                                                  <iframe id="player" frameborder="0"  allowfullscreen src="http://videos.encuentro.gob.ar/video/?id=132350&cc=0&poster=0&info=0&skin=glow" width="830" height="428"></iframe>
 
249
-->
 
250
                                                                                  </div>
 
251
                                          
 
252
                                          <div class="video-desc">
 
253
                                                  <div class="col-md-9">
 
254
                                                          <main>
 
255
                                                                                                                                  <a href="#top-video"><h3 id="program-title">La Colifata en Mosc&uacute;</h3></a>
 
256
                                                                                                                                                                                                                                                                  <a href="#" id="btnTemporadas" class="btnTemporadas" style="display:none;">TEMPORADAS</a>
 
257
                                                          </main>
 
258
                                                  </div>
 
259
                                                  <div class="col-md-28">
 
260
                                                          <ul class="video-share">
 
261
                                                                  <li id="open-cc"><span class="icn icn-lista" id="cc-icon"></span></li>
 
262
                                                                                                                      <li><a class="ga_encuentro_track" data-ga_category="inicio" data-ga_action="link_descarga" data-ga_label="La Colifata en Mosc&uacute;" id="download" href="http://videos.pakapaka.gob.ar/repositorio/Video/ver?file_id=8fa03691-e0c9-4ca3-8401-8b564ff98d77&amp;rec_id=132350" download=""><span class="icn icn-descarga"></span></a> </li>
 
263
                                                                                                                      <li>
 
264
                                                        <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
 
265
                                                        <script type="text/javascript">stLight.options({publisher: '9e4d1b956e006dd92bf3cb51daffae49'});</script>
 
266
                                                        <span class="st_sharethis_custom"><span class="icn icn-compartir"></span></span>
 
267
                                                                  </li>
 
268
                                                          </ul>
 
269
                                                  </div>
 
270
                                          </div>
 
271
                                  </div>
 
272
                          </div>
 
273
                  </div>
 
274
                          
 
275
<script>
 
276
/*var currentProgramId = 9194;
 
277
function vote()
 
278
{
 
279
        var req = new XMLHttpRequest();
 
280
        var url = "/programas/votar/"+currentProgramId+"?email=test@mail.com";
 
281
        $.get(url, {}, function(){ });
 
282
        $('#votes').text(1);
 
283
        $('#vote-section').html('Gracias por tu voto.');
 
284
}*/
 
285
 
 
286
        $('#open-cc').hide();
 
287
 
 
288
currentProgramId = 9194;
 
289
//);
 
290
 
 
291
/*
 
292
$(document).ready(function() {
 
293
    var time = typeof timeStart !== 'undefined' ? timeStart : 10;
 
294
    
 
295
 //jwplayer6
 
296
    var config = {
 
297
        playlist: [{
 
298
            //image: videoScreenshotURL + recurso.rec_id + '&t=' + time + '&w=540&h=360',
 
299
            sources: [
 
300
                { 
 
301
                    file: "http://repositoriovideo-download.educ.ar/repositorio/Video/ver?file_id=280fa7e6-7e2b-4f0e-907f-5521e6b2c6a5&rec_id=50018", 
 
302
                    label: "360p",
 
303
                                        type: "mp4",
 
304
                    autostart: false                        
 
305
                }
 
306
            ]
 
307
        }],
 
308
        width: '100%',
 
309
        height: '100%'
 
310
    };
 
311
 
 
312
 
 
313
    console.log(config);
 
314
    jwplayer("programa").setup(config);
 
315
 
 
316
//    if (typeof timeStart !== 'undefined') {
 
317
//        jwplayer().seek(timeStart);
 
318
//    }
 
319
    
 
320
    
 
321
//    jwplayer().onReady(VerPrograma.jwplayerInitConfig);
 
322
    
 
323
});
 
324
*/
 
325
 
 
326
$( document ).ready(function() {
 
327
        if($("#season").length > 0){
 
328
                $("#btnTemporadas").show();
 
329
        }
 
330
        
 
331
        $("#btnTemporadas").click(function(e) {
 
332
                if($("#season").length){
 
333
                        $('html, body').animate({
 
334
                        scrollTop: $("#season").offset().top - 200
 
335
                    }, 500);
 
336
                }
 
337
        });
 
338
});
 
339
 
 
340
</script>                               <div id="fixed-video">
 
341
        <div class="container">
 
342
                <div class="container-95">
 
343
                        <div class="video-desc">
 
344
                                <a href="#top-video">
 
345
                                        <div class="col-md-9">
 
346
                                                <main>
 
347
                                                                                                  <a href="#top-video"><h3 id="program-title">La Colifata en Mosc&uacute;</h3></a>
 
348
                                                                                                                                                                                                                </main>
 
349
                                        </div>
 
350
                                </a>
 
351
                                <div class="col-md-28">
 
352
                                  <ul class="video-share">
 
353
                               
 
354
                                                                      <li>><a href="http://videos.pakapaka.gob.ar/repositorio/Video/ver?file_id=f19e7d21-8290-44e0-8e33-34e703d416fd&amp;rec_id=132350"><span class="icn icn-descarga"></span></a> </li>
 
355
                                                                      <li>
 
356
                                <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
 
357
                                <script type="text/javascript">stLight.options({publisher: '9e4d1b956e006dd92bf3cb51daffae49'});</script>
 
358
                                <span class="st_sharethis_custom"><span class="icn icn-compartir"></span></span>
 
359
                                          </li>
 
360
                                  </ul>
 
361
                                </div>
 
362
                        </div>
 
363
                </div>
 
364
        </div>
 
365
</div>    
 
366
                          
 
367
                    <div class="container">
 
368
                            <div id="main">
 
369
                              <div id="horario" class="col-md-2">
 
370
                                                                      </div>
 
371
                              <div id="central" class="col-md-9">
 
372
                                                <div class="col-em-11" id="sinopsis"><!-- INICIO sinoposis -->
 
373
        <h4 class="title-sinopsis">Sinopsis</h4>
 
374
        <div id="sinopsis">
 
375
                <div class="col-md-3">
 
376
                        <img src="/files/Colifata.jpg" class="img-responsive" alt="programas">
 
377
                </div>
 
378
                <div class="text-sinopsis">
 
379
                        <p>La participaci&oacute;n de La Colifata -la radio de los internos y exinternos del hospital Borda- en el festival de arte y salud mental El Hilo de Ariadna (en la capital de Rusia) nos lleva como testigos de un encuentro &uacute;nico de esta red mundial de radios. Un especial sobre ese viaje terap&eacute;utico en el que Diego Oliveri (exinterno del hospital Borda y miembro activo de la radio La Colifata), Alfredo Olivera (creador y coraz&oacute;n del proyecto) y Lalo Mir (padrino de la radio) recorren Mosc&uacute; derribando muros.&nbsp;</p>
 
380
                        <ul class="tags">
 
381
                                                                                                                        <li><a href="/search/?keywords=La Colifata">La Colifata</a></li>
 
382
                                                                                                                                <li><a href="/search/?keywords= radio"> radio</a></li>
 
383
                                                                                                                                <li><a href="/search/?keywords= Hospital Borda"> Hospital Borda</a></li>
 
384
                                                                                                                                <li><a href="/search/?keywords= salud mental"> salud mental</a></li>
 
385
                                                                                </ul>
 
386
                </div>
 
387
        </div>
 
388
        <div class="col-md-3">
 
389
                <h4 class="title-sinopsis" id="next_shows_title"></h4>
 
390
        </div>
 
391
        <div class="col-md-9">
 
392
                <div id="next_shows"></div>
 
393
                
 
394
                
 
395
                <div id="botones-sinopsis">
 
396
                                                                </div>
 
397
        
 
398
        </div>
 
399
 
 
400
    <div class="clr"></div>
 
401
 
 
402
        
 
403
 
 
404
</div>
 
405
 
 
406
<script src="/frontend/js/jquery-1.7.min.js" type="text/javascript" charset="utf-8"></script>
 
407
<script src="/frontend/js/jquery.featureCarousel.js" type="text/javascript" charset="utf-8"></script>
 
408
 
 
409
<script type="text/javascript">
 
410
 
 
411
var hostname = 'http://apipub-canales.encuentro.gov.ar/1.0/proximas-emisiones';
 
412
var path = '/';
 
413
var app_key  = '8f0d681747a7490d1d2138fd3aa1bfc39209f64a';
 
414
var params       = {
 
415
app_key: app_key,
 
416
canal: "Portal Encuentro"
 
417
}
 
418
 
 
419
var query = encodeURIComponent(JSON.stringify(params));
 
420
var url = hostname + path + "132350/" +query;
 
421
 
 
422
$.getJSON(url, function(results, status) {
 
423
if (status == "success") {
 
424
        if (results)
 
425
                $("#next_shows_title").html("Próximas</br>emisiones");
 
426
 
 
427
        $.each( results, function( date, emision ) {
 
428
                var day = date.split("-")[2];
 
429
                var month = date.split("-")[1];
 
430
                var year = date.split("-")[0];
 
431
                $.each( emision.programas, function( time, value ) {
 
432
                        var hour = time.split(":")[0];
 
433
                        var minute = time.split(":")[1];
 
434
 
 
435
                var title = value.titulo;
 
436
                        
 
437
                var hourOne = parseInt(hour) + 1;
 
438
                if (hourOne < 10) hourOne = "0"+hourOne; 
 
439
                var calTime = year+month+day+'T'+hour+minute+'00/'+year+month+day+'T'+hourOne+minute+'00';
 
440
                var cal = 'http://www.google.com/calendar/event?action=TEMPLATE&text='+title+'&dates='+calTime+'&details=Canal Encuentro'
 
441
                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>';
 
442
                $("#next_shows").append(append);
 
443
                });
 
444
        });
 
445
 
 
446
} else {
 
447
        console.log("Hubo un problema con la llamada.");
 
448
}
 
449
});
 
450
 
 
451
function getMonthName(month)
 
452
{
 
453
        var name = 'Enero';
 
454
        switch (month) {
 
455
                case 2:
 
456
                        name = 'Febrero';
 
457
                        break;
 
458
                case 3:
 
459
                        name = 'Marzo';
 
460
                        break;
 
461
                case 4:
 
462
                        name = 'Abril';
 
463
                        break;
 
464
                case 5:
 
465
                        name = 'Mayo';
 
466
                        break;
 
467
                case 6:
 
468
                        name = 'Junio';
 
469
                        break;
 
470
                case 7:
 
471
                        name = 'Julio';
 
472
                        break;
 
473
                case 8:
 
474
                        name = 'Agosto';
 
475
                        break;
 
476
                case 9:
 
477
                        name = 'Septiembre';
 
478
                        break;
 
479
                case 10:
 
480
                        name = 'Octubre';
 
481
                        break;
 
482
                case 11:
 
483
                        name = 'Noviembre';
 
484
                        break;
 
485
                case 12:
 
486
                        name = 'Diciembre';
 
487
                        break;
 
488
        }
 
489
        return name;
 
490
}
 
491
 
 
492
 
 
493
$(document).ready(function() {
 
494
  var carousel = $("#carousel-emis").featureCarousel({
 
495
    // include options like this:
 
496
    // (use quotes only for string values, and no trailing comma after last option)
 
497
    // option: value,
 
498
    // option: value
 
499
  });
 
500
 
 
501
 
 
502
  $("#cc").on("click", ".lineaCC", function(e){
 
503
        var seekValue = $(".hora-subtitles", this).attr('data-time');
 
504
        window.location = "/programas/132350?start="+seekValue;
 
505
   });
 
506
 
 
507
});
 
508
 
 
509
 
 
510
</script>
 
511
                                                                      </div>
 
512
                              <div id="video" class="col-md-2">
 
513
                                                                              </div>
 
514
                            </div>
 
515
                        </div>
 
516
                </section>
 
517
                                </div>
 
518
                <div id="footer">
 
519
        <div class="container  pad-40">
 
520
                <div class="container-form">
 
521
                        <div id="foot-m">
 
522
                                <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>
 
523
                                <a class="ga_encuentro_track" data-ga_category="inicio" data-ga_action="link_footer" data-ga_label="Cableoperadores" href="/cableoperadores">Cableoperadores</a>
 
524
                                <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>
 
525
                                <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>
 
526
                                <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>
 
527
                                <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>
 
528
                                <a class="ga_encuentro_track" data-ga_category="inicio" data-ga_action="link_footer" data-ga_label="Contacto" href="/contacto">Contacto</a>
 
529
                                <p class="subscribe" id="subscribe_message">Quiero recibir novedades </p>
 
530
                                <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">
 
531
                                <div class="social">
 
532
                                        <p>Seguinos en</p>
 
533
                                        <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>
 
534
                                        <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>
 
535
                                        <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>
 
536
                                </div>
 
537
                        </div>
 
538
                        <p>Todos los derechos reservados educ.ar 2016</p>
 
539
                </div>
 
540
        </div>
 
541
        <div id="footer-logos">
 
542
                <div class="container">
 
543
                        <div class="col-foot">
 
544
                                <ul>
 
545
                                        <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>
 
546
                                        <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>
 
547
                                        <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>
 
548
                                </ul>
 
549
                        </div>
 
550
                </div>
 
551
        </div>
 
552
</div>
 
553
 
 
554
<script>
 
555
$("#subscribe").on('click', function() {
 
556
        var email = $('#emailfield').val();
 
557
        if (email.length == 0 || !validateEmail(email))
 
558
        {
 
559
                $("#subscribe_message").html('El email no es válido.');
 
560
                return;
 
561
        }
 
562
 
 
563
        var url = "/visitor?email="+email;
 
564
 
 
565
        $.getJSON(url, function(results, status) {
 
566
                if (status == "success") {
 
567
                        $("#subscribe_message").html('Muchas gracias.');
 
568
                } else {
 
569
                        alert("Hubo un problema. Por favor intentá más tarde.");
 
570
                }
 
571
        });
 
572
});
 
573
 
 
574
function validateEmail(email) 
 
575
{
 
576
    //var re = /\S+@\S+/;
 
577
        var re =/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i
 
578
    return re.test(email);
 
579
}
 
580
</script>       </body>
 
581
</html>