text: function _(el) {
  	return document.getElementById(el);
  }
  
  document.getElementById('close-wsp').addEventListener('click', function() {
  	document.getElementById('wsp').remove();
  });
  
  function zoom(accion) {
  	// Definimos Valores maximos y minimos del zoom
  	var max = 301;
  	var min = 99;
  
  	// Recuperamos el valor actual (por defecto el valor está cargado en el value del input en el sitio)
  	var actual = parseInt(_('zoomActual').value);
  
  	// definimos la variable del nuevo valor
  	var nuevo;
  
  	//sumamos o restamos del valor actual dependiendo lo que venga por parametro
  	if (accion == 'mas') {
  		nuevo = actual + 50;
  	}
  	if (accion == 'menos') {
  		nuevo = actual - 50;
  	}
  
  	if (nuevo < max && nuevo > min) {
  		mapaActivar();
  		_('mapaContenedor').style.width = nuevo + '%';
  		_('zoomActual').value = nuevo;
  	}
  	if (nuevo < min) {
  		mapaDesactivar();
  	}
  }
  
  function mapaActivar(valor) {
  	var dato = valor;
  
  	// camturamos el valor del estilo actual
  	var estado = _('mapaContenedor').style.display;
  
  	// dependiendo del estado del esstilo vemos lo que hacemos para no afectar al usuario en lo que está viendo!
  	switch (estado) {
  		case '':
  			_('mapaContenedor').style.display = 'block';
  			_('mapaClick').style.display = 'none';
  			location.href = '#seccionApertura';
  
  		case 'none':
  			_('mapaContenedor').style.display = 'block';
  			_('mapaClick').style.display = 'none';
  			location.href = '#seccionApertura';
  	}
  }
  
  function mapaDesactivar() {
  	_('mapaContenedor').style.display = 'none';
  	_('mapaClick').style.display = 'block';
  }
  function irMarcador(e) {
  	location.href = '#' + e;
  }
  
  function moverMapaJS(a, b) {
  	irMarcador('seccionNorte');
  	$('div').scrollLeft(a);
  	$('div').scrollTop(b);
  }
  