/**
 * @author jgornick
 */

document.observe('dom:loaded', function()
{
  if (!$('signup_contact_form')) return;
  
  var form = $('signup_contact_form');
  
  // Setup validation for form
  var validator = new Validation('signup_contact_form', {stopOnFirst:true });
  
  // Setup each form element.       
  form.getElements().each(function(el)
  {
    switch (el.id)
    {
      case 'first_name':
        el.addClassName('required');
        break;
      case 'last_name':
        el.addClassName('required');
        break;
      case 'email':
        el.addClassName('required validate-email');
        break;

    }
  });
  
  // Add a className of row to each immediate child in the fieldset.
  form.select('div').invoke('addClassName', 'row');
  
  // Add a border style to the inputs for normal and required.
  form.select('input[type=text], textarea')
    .invoke('setStyle', { border: '1px solid #666' })
    .invoke('observe', 'focus', function(e) { this.setStyle({ backgroundColor: '#FFC' }); })
    .invoke('observe', 'blur', function(e) { this.setStyle({ backgroundColor: '' }); });
  
  form.select('input[type=text].required, textarea.required')
    .invoke('setStyle', { border: '1px solid #C00' });
  
  // Focus first element in form.
  form.focusFirstElement();
});