window.onload = function() {
  
  /*
  document.getElementById('form').onclick = function(e) {
    e.stopPropagation();
    document.getElementById('form').className = 'active';
  }
  
  document.body.onclick = function(e) {  
    document.getElementById('form').className = '';
  }
  */
  
  var enqForm = document.forms[0];

  var inputs = enqForm.getElementsByTagName('INPUT');
  var selects = enqForm.getElementsByTagName('SELECT');
  var textareas = enqForm.getElementsByTagName('TEXTAREA');
  
  for (var i = 0; i < inputs.length; i++)
  {
    if (inputs[i].type == 'hidden') {
      continue; 
    }
    
    if (inputs[i].getAttribute('def') && !inputs[i].readOnly)
    {
      inputs[i].defValue = inputs[i].getAttribute('def');
      
      inputs[i].onfocus = function()
      {
        document.getElementById('form').className = 'active';        
        if (this.value == this.defValue)
        {
          this.value = '';
        }
      }
      
      inputs[i].onblur = function()
      {
        document.getElementById('form').className = '';        
        if (this.value == '')
        {
          this.value = this.defValue;
        }
      }
    }
    else
    {
      inputs[i].onfocus = function() {
        document.getElementById('form').className = 'active';
      }
      
      inputs[i].onblur = function() {
        document.getElementById('form').className = '';
      }      
    }
  }
  
  for (var j = 0; j < selects.length; j++) {
    selects[j].onfocus = function() {
      document.getElementById('form').className = 'active';
    }
    
    selects[j].onblur = function() {
      document.getElementById('form').className = '';
    }    
  }
  
  for (var k = 0; k < textareas.length; k++) {
    textareas[k].onfocus = function() {
      document.getElementById('form').className = 'active';
    }
    
    textareas[k].onblur = function() {
      document.getElementById('form').className = '';
    }    
  }  
  
  if (document.getElementById('productDropdown')) {
    document.getElementById('productDropdown').onchange = function() {
      if (document.getElementById('healthproblems')) {
        document.getElementById('healthproblems').style.display = ((this.value != 'Personal Pension' && this.value != 'Pension Review' && this.value != 'Investment') ? 'block' : 'none');
      }
      
      if (document.getElementById('premium')) {
        document.getElementById('premium').style.display = ((this.value != 'Income Drawdown') ? 'block' : 'none');
      }      
    }
  }
  
  enqForm.onsubmit = function()
  {
    var inputs = document.getElementsByTagName('INPUT');

    for (var i = 0; i < inputs.length; i++)
    {
      if (inputs[i].defValue && (inputs[i].defValue == inputs[i].value) && inputs[i].type != 'hidden')
      {
        inputs[i].value = '';
      }
    }    
  }
}