function addFormEvent(func) {
  if (!document.getElementById | !document.getElementsByTagName) return
  var oldonload=window.onload
  if (typeof window.onload != 'function') { window.onload=func }
  else {
    window.onload=function() { oldonload(); func() }
  }
}



// --------------------- borders for text type inputs ------------------------------ //
function attachBorderAndSelect(id){
  var obj0 = document.getElementById(id)
  obj0.onfocus= function() {this.style.border="2px solid #18398F"; this.select();}
  obj0.onblur = function() {
                  this.style.border="2px inset #ccc"
                  if (this.value=="") {this.value=this.defaultValue}
                  this.value=this.value
                }
}
// ----------------------------------------------------------------------------- //



// -------------------------- borders for radio and checkboxes ------------------------- //
function attachBorderToRadio(id){
  var obj0 = document.getElementById(id)
  obj0.onfocus= function() {this.style.border="2px solid #18398F"}
  obj0.onblur = function() {this.style.border="2px solid #fff7dd"}
}
// ----------------------------------------------------------------------------- //



// ------------------------------ border for submit buttons --------------------------- //
function attachBorderToButton(id){
  var obj0 = document.getElementById(id)
  obj0.onfocus= function() {this.style.border="2px solid #18398F"}
  obj0.onblur = function() {this.style.border="2px outset #fff"}
}
// ----------------------------------------------------------------------------- //



// ------------------------ help clicked therefore show help ----------------------------- //
function showHelp(id){
  if (!document.getElementsByTagName) return
  if (document.getElementById(id).style.display=='block'){
    document.getElementById(id).style.display='none'
  }
  else{
    document.getElementById(id).style.display='block'
  }
  //  focus is moved by the href of the link to the start of the help
}
// ----------------------------------------------------------------------------- //


// ----------------------------- hide help --------------------------------- //
function hideHelp(id){
  if (document.getElementById) {document.getElementById(id).style.display='none'}
}
// ----------------------------------------------------------------------------- //



// example contact form
function initContact(){

  if (!document.getElementsByTagName) return


// JavaScript is available so hide the help divs
hideHelp('help-formhelp')
hideHelp('help-file')
hideHelp('help-verification')
  

// text type inputs
 attachBorderAndSelect('name');
 attachBorderAndSelect('email');
 attachBorderAndSelect('telephone');
 attachBorderAndSelect('address1');
 attachBorderAndSelect('address2');
 attachBorderAndSelect('city');
 attachBorderAndSelect('town');
 attachBorderAndSelect('postcode');
 attachBorderAndSelect('file'); 

// textfield
 attachBorderAndSelect('message');

// radio buttons defined individually
// though it does not appear to work except in IE
 attachBorderToRadio('rad2_1');
 attachBorderToRadio('rad2_2');

// checkbox
// this does not appear to work except in IE
 attachBorderToRadio('check1_0');

// submit
 attachBorderToButton('Submit');
 attachBorderToButton('reset');

}


// Other "onload" events may be added in the same format as this //
addFormEvent(initContact)