

function initFontPage() {
  
  // Devices explanation box.
  
  $('devices_explanation').hide();
  $('devices_q').observe('click', function(ev) {
    ev.stop();
    $('devices_explanation').toggle();
  }.bind(this));
  $('devices_explanation_close').observe('click', function(ev) {
    ev.stop();
    $('devices_explanation').hide();
  }.bind(this));
  
  // Devices human contact box.
  
  $('devices_human_contact').hide();
  $('devices').observe('change', function(ev) {
    if(ev.element().getValue() > 100 && $('devices_human_contact').getStyle('display') != 'block') {
      Effect.BlindDown($('devices_human_contact'));
    } else if (ev.element().getValue() <= 100 && $('devices_human_contact').getStyle('display') == 'block') {
      Effect.BlindUp($('devices_human_contact'));
    }
  }.bind(this));
  $('devices_human_close').observe('click', function(ev) {
    ev.stop();
    Effect.BlindUp($('devices_human_contact'));
  }.bind(this));
  
}

/**
 *	Do stuff once the window has loaded.
 */

document.observe('dom:loaded', initFontPage);