// *****************************************************************************
// muestra u oculta una capa dada
// *****************************************************************************
function showfade(div) {
  ocultar = new Fx.Reveal(div, {
     duration: 1000,
     mode: 'vertical'
  });
  ocultar.toggle();
}

// *****************************************************************************
// muestra u oculta una capa dada
// *****************************************************************************
function leermas(mostrar, cambiar) {
  ocultar = new Fx.Reveal(mostrar, {
     duration: 1000,
     mode: 'vertical',
     onComplete: function() {
       $(cambiar).toggleClass( 'toggled' );
       cambiar.innerHTML = $(cambiar).hasClass('toggled') ? 'Reducir descripción >>' : 'Ampliar descripción >>';
     }
  });
  ocultar.toggle();
}

// *****************************************************************************
// muestra u oculta una capa dada acompañada de un span con flecha. EJ:
// <h1 onclick="showfadearrow('TXT')">Dominio <span class="arrow arrowdown"></span></h1>
// <div id="TXT" style="display:none">Contenido</div>
// *****************************************************************************
function showfadearrow( div ) {
  ocultar = new Fx.Reveal( 'TXT_IMG_'+div, {
     duration: 1000,
     mode: 'vertical',
     onComplete: function() {
      $('ARROW_'+div).toggleClass('arrowdown');
      $('ARROW_'+div).toggleClass('arrowup');
     }
  });
  ocultar.toggle();

}