window.addEvent('domready', function(e) {
  var form = $('form');
  if(form)
  {
    var name = new valueField($('contact-name'), $$('label[for="contact-name"]')[0].get('text'));
    var email = new valueField($('contact-email'), $$('label[for="contact-email"]')[0].get('text'));
    var subject = new valueField($('contact-subject'), $$('label[for="contact-subject"]')[0].get('text'));
    var message = new valueField($('contact-message'), $$('label[for="contact-message"]')[0].get('text'));
  }
  
});

var valueField = new Class({
  input: null,
  def: null,
  
  initialize: function(input, def) 
  {
    input.addEvent('focus', this.focusHandler.bindWithEvent(this));
    input.addEvent('blur', this.blurHandler.bindWithEvent(this));
    this.input = input;
    this.def = def;
    
    if(this.input.getProperty('value') == '')
    {
      this.input.setProperty('value', this.def);
    }
  },

  focusHandler: function(e)
  {
    if(this.input.getProperty('value') == this.def)
    {
      this.input.setProperty('value', '');
    }
  },
  
  blurHandler: function(e)
  {
    var value = this.input.getProperty('value');
    if(value == '' || value == this.def)
    {
      this.input.setProperty('value', this.def);
    }
  }
});