// Adds onfocus and onblur events to the proper inputs, runs at Onload
function setupHighlights()
{

  // add onfocus and onblur events
  var inputs = document.getElementsByTagName("input");
  for( i = 0; i < inputs.length; i++ ) 
    if( inputs[i].getAttribute('type') != 'submit' && inputs[i].getAttribute('type') != 'reset' )
    {
      inputs[i].onfocus = focusOn
      inputs[i].onblur = blurOn
    }

  var textareas = document.getElementsByTagName("textarea");
  for( i = 0; i < textareas.length; i++ )
  {
    textareas[i].onfocus = focusOn
    textareas[i].onblur = blurOn
  }

  // add onmousedown events for <select>s
  var selects = document.getElementsByTagName("select");
  for( i = 0; i < selects.length; i++ )
  {
    selects[i].onmousedown = focusOn
    selects[i].onblur = blurOn
  }
}

function focusOn( )
{
   this.style.color = "#000000"
   this.style.borderColor = "#FFFF00"
}

function blurOn(  )
{
   this.style.color = "#999999"
   this.style.borderColor = "#999999"
}
