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="0px solid #f00"; 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="0px solid #f00"}
  obj0.onblur = function() {this.style.border="0px solid #fff7dd"}
}
// ----------------------------------------------------------------------------- //



// ------------------------------ border for submit buttons --------------------------- //
function attachBorderToButton(id){
  var obj0 = document.getElementById(id)
  obj0.onfocus= function() {this.style.border="0px solid #f00"}
  obj0.onblur = function() {this.style.border="0px 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-postcode')
// text type inputs
//  attachBorderAndSelect('supply-number');


}


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