Event.observe( document, 'dom:loaded', function() {
  
  var code   = $$('.hilightedcode')[0];
  var height = code.getHeight();
  
  $('codearea').setStyle({ height: height + 'px'});
  
  $('examplechooserbutton').observe('click', function( e ) {
    
    code.show();
    $('codearea').hide();
    e.stop();
    
  });
  $('showconfigbutton').observe('click', function( e ) {
    
    code.hide();
    $('codearea').show();
    e.stop();
    
  });
  $('emptyformbutton').observe('click', function( e ) {
    
    code.hide();
    $('codearea').show();
    Form.Element.activate('codearea');
    e.stop();
    
  });
  
});