(function($) {
  var urlParams = {};
  (function () {
    var e,
        a = /\+/g,  // Regex for replacing addition symbol with a space
        r = /([^&;=]+)=?([^&;]*)/g,
        d = function (s) { return decodeURIComponent(s.replace(a, " ")); },
        q = window.location.search.substring(1);

    while (e = r.exec(q))
       urlParams[d(e[1])] = d(e[2]);
  })();

  $(function() {
    creaTabs();
    
    creaAcordeones();


  setInterval(cambiaWebcam, 20000);
  });

  function creaAcordeones() {
     $('.acordeon').each(function() {
      $(this).find('.cosica>*:not(h3)').hide();
      $(this).find('.cosica>img').show();
      $(this).find('.cosica>h3').click(function() {
        $(this).closest('.cosica').find('*').show().end().siblings().find('*:not(h3)').hide();
        $(this).closest('.cosica').find('*').show().end().siblings().find('img').show();
       });
    });

    if(urlParams['abrir'] != '') {
      $('#contenido' + urlParams['abrir'] + '>h3').click();
    }
  }

  function creaTabs() {
    $('.tabs').each(function() {
      var tabs = $(this);
      $(this).find('.tabs-content').css('position', 'relative');

      var altura = 0; // Altura máxima de los contenidos
      var alturaExterior = 0;

      var ancho = $(this).innerWidth();

      var pestanas = $('<ul class="pestanas" />');
      $(this).find('div.tab').each(function(i) {
        var tab = $(this);
        if(tab.attr('data-titulo') != null) {
          pestanas.append($('<li>' + $(this).attr('data-titulo') + '</li>'));
        } else {
          var h3 = $(this).find('h3');
          pestanas.append($('<li>' + h3.html() + '</li>').addClass(h3[0].className));
          h3.first().remove();
        }

        altura = Math.max(altura, tab.height());
        alturaExterior = Math.max(alturaExterior, tab.outerHeight());

        tab.css({
          left: ancho * i + 'px',
          position: 'absolute',
          width: (ancho - parseInt(tab.css('padding-left')) - parseInt(tab.css('padding-right'))) + 'px'
        });
      });

      $(this).prepend(pestanas);

      pestanas.find('li').click(function() {
        var indice = $(this).parent().find('li').removeClass('activa').index($(this));

        $(this).addClass('activa').closest('.tabs').find('.tabs-content').animate({
          left: -indice * ancho + 'px'
        }, function() {
          var div = $(this).find('.tab:eq(' + indice + ')');

          div.animate({
            height: div.outerHeight() + 0
          }, 'fast');
          tabs.animate({
            height: div.outerHeight() + 70
          }, 'fast');
    });
      });
    });

    
    $(window).load(function() {
    creaGalerias();

        if(urlParams['abrir'] != '') {
          var contenido = $('#contenido' + urlParams['abrir']);
          var posicion = contenido.index();
          if (posicion<0) {
            if ($('.pestanas li').html()=="Fotos") {
            $('.pestanas li').first().next().click();
            }
            else {
              $('.pestanas li').first().click();
            }
        }
          contenido.closest('.tabs').find('.pestanas li:eq(' + posicion + ')').click();
        } else {
          $('.pestanas li').first().click();
        }
    });


  }

  function cambiaWebcam() {
    $('.webcam.actual').each(function() {
      var activa = $(this);
      var siguiente = activa.next('.webcam');
      if(siguiente.length == 0) {
        siguiente = activa.parent().find('.webcam:first');
      }

      activa.fadeOut(function() {
        $(this).removeClass('actual');
      });
      siguiente.addClass('actual').hide().fadeIn();
    });
  }

  function creaGalerias() {
    $('.galeriaDeFotos').each(function() {
      var galeria = $(this);
      if(galeria.find('img').length > 1) {
        var anterior = $('<a href="javascript:void(0)" class="anterior">Anterior</a>').addClass('disabled');
        var siguiente = $('<a href="javascript:void(0)" class="siguiente">Siguiente</a>');

        galeria.find('img:gt(0)').hide();
        galeria.append(anterior);
        galeria.append(siguiente);

        var imagenes = galeria.find('img');

        anterior.click(function() {
          if(!anterior.hasClass('disabled')) {
            var visible = galeria.find('img:visible');
            visible.hide();
            visible = imagenes.index(visible) - 1;
            galeria.find('img:eq(' + visible + ')').show();

            siguiente.removeClass('disabled');
            if(visible == 0) {
              anterior.addClass('disabled');
            }
          }
        });

        siguiente.click(function() {
          if(!siguiente.hasClass('disabled')) {
            var visible = galeria.find('img:visible');
            visible.hide();
            visible = imagenes.index(visible) + 1;
            galeria.find('img:eq(' + visible + ')').show();

            anterior.removeClass('disabled');
            if(visible == imagenes.length - 1) {
              siguiente.addClass('disabled');
            }
          }
        });
      }
    });
  }
})(jQuery);