/* *************************************************************************** */
/* Proyecto: MINHAP                                                        */
/* Título: common.js                                          */
/* Desripción: Javascript común para todo el site.                    */
/* *************************************************************************** */

// Elementos de contenido tipo acordeón.
var acordeon = {
  
  inicializarAcordeon: function() {
    // Inicializamos todos los elementos acordeón presentes en la página.
    $('ul.acordeon').each(function(index_ac) {
      $(this).find('.item_acordeon').each(function(index_ac_it) {
        // Generamos ids para los atributos WAI-ARIA y añadimos atributos role.
        var sufijo_id = '_' + index_ac + '_' + index_ac_it;
        $(this).attr('id', 'item_acordeon' + sufijo_id);
        $(this).find('.item_acordeon_hd').attr('id', 'item_acordeon_header' + sufijo_id).attr('role', 'tab');
        $(this).find('.item_acordeon_bd').attr('id', 'item_acordeon_panel' + sufijo_id).attr('role', 'tabpanel');
        $(this).find('.item_acordeon_bd').attr('style','display:none;');
        // Atributos WAI-ARIA al inicializar.
        var isDesplegado = $(this).hasClass('desplegado');
        $(this).find('.item_acordeon_hd').attr('aria-controls', 'item_acordeon_panel' + sufijo_id).attr('aria-selected', isDesplegado);
        $(this).find('.item_acordeon_bd').attr('aria-labelledby', 'item_acordeon_header' + sufijo_id).attr('aria-expanded', isDesplegado).attr('aria-hidden', !isDesplegado);        
        // Inicializamos la vista inicial.
        if ($(this).hasClass('desplegado')) {
          $(this).find('.lnk_acordeon').first().addClass('activo');
          $(this).find('.item_acordeon_bd').first().slideDown(0);
        }
      });
    });
  },
  
  inicializarAcciones: function() {
    // Control de plegado / desplegado de los elementos del acordeón.
    $('.lnk_acordeon').click(function() {
      var delay = 300;

      if ($(this).hasClass('activo')) {
        $(this).parents('li.item_acordeon').first().find('.item_acordeon_bd').first().slideUp(delay, function() {
          $(this).parents('li.item_acordeon').removeClass('desplegado');
          // Actualización de atributos WAI-ARIA.
          $(this).parents('li.item_acordeon').find('.item_acordeon_hd').attr('aria-selected', false);
          $(this).parents('li.item_acordeon').find('.item_acordeon_bd').attr('aria-expanded', false).attr('aria-hidden', true);
        });
        $(this).removeClass('activo');
      } else {
        $(this).parents('li.item_acordeon').first().find('.item_acordeon_bd').first().slideDown(delay);
        $(this).parents('li.item_acordeon').addClass('desplegado');
        $(this).addClass('activo');
        // Actualización de atributos WAI-ARIA.
        $(this).parents('li.item_acordeon').find('.item_acordeon_hd').attr('aria-selected', true);
        $(this).parents('li.item_acordeon').find('.item_acordeon_bd').attr('aria-expanded', true).attr('aria-hidden', false);        
      }
    });
  },  
  
  inicializar: function() {
    this.inicializarAcordeon();
    this.inicializarAcciones();
  }  
};