// Embeds
embeds = {
vid_completo: '',
vid_hito1: '',
vid_hito2: '',
vid_hito3: '',
vid_hito4: '',
vid_hito5: ''
};
function switchVideo(video) {
$('#video').html(embeds[video]);
}
//POPUPS
function showPopup(e) {
// Evitar que el enlace del HREF se ejecute
e.preventDefault();
// Cierro todos los popups que estén abiertos
$('.ventana').hide();
// Fijar Posición
// Abrir un popup u otro dependiendo de la clase que pinchemos
var jquery_selector = '#' + this.className;
var elemento = '';
var popup_width = 430;
var popup_height = 180;
var offset = $(this).offset();
var document_width = document.width ? document.width : document.documentElement.offsetWidth;
// Colocamos el popup. Lo centramos respecto al
offset.left = offset.left - (popup_width / 2) + ($(this).outerWidth() / 2);
offset.top = offset.top - popup_height;
$(jquery_selector).css(offset).fadeIn('fast');
}
$(function() {
// Popups
$('div.ventana span.cerrar').click(function() {
$(this).parent().hide();
});
$('div.ventana a[class^=vid_hito]').click(function(e) {
e.preventDefault();
switchVideo(this.className);
$(this).parents('.ventana').hide();
});
$('.lista-tiempo li').click(showPopup);
// Enlaces directos a los hitos
$('.accesos-tiempo a').each(function() {
this._href = '.' + this.href.match(/#([A-Za-z0-9\-_]+)$/)[1];
}).click(function(e) {
e.preventDefault();
$('.ventana').hide();
var self = this;
var position = $(this._href).position();
position.left = position.left - 295; // Posicion del primer item + posicion inicial del