function initOverSpans () {
  if (!document.getElementById) return;  	

  var spans, id, field;

  // Set focus and blur handlers to hide and show 
  // SPANs with 'overspan' class names.
  spans = document.getElementsByTagName('span');
  for (var i = 0; i < spans.length; i++) {
	
    if (spans[i].className == 'overspan') {	
      // Skip spans that do not have a named association
      // with another field.
      id = spans[i].htmlFor || spans[i].getAttribute('for');
      if (!id || !(field = document.getElementById(id))) {
        continue;
      }

      // Change the applied class to hover the label 
      // over the form field.
      spans[i].className = 'overspan-apply';

      // Hide any fields having an initial value.
      if (field.value !== '') {
        hideSpan(field.getAttribute('id'), true);
      }

      // Set handlers to show and hide spans.
      $(field).focus(function () {
		hideSpan(this.getAttribute('id'), true);
      });
	  
      $(field).blur(function () {
        if (this.value === '') { 
          hideSpan(this.getAttribute('id'), false);
        }
      });
	  
	  /* old
	   field.onfocus = function () {
        hideSpan(this.getAttribute('id'), true);
      };
      field.onblur = function () {
        if (this.value === '') {
          hideSpan(this.getAttribute('id'), false);
        }
      };
	  */

      // Handle clicks to LABEL elements (for Safari).
      spans[i].onclick = function () {
        var id, field;
        id = this.getAttribute('for');
        if (id && (field = document.getElementById(id))) {
          field.focus();
        }
      };

    }
  }
};

/* Swap out the CSS */
function hideSpan (field_id, hide) {
  var field_for;
  var spans = document.getElementsByTagName('span');
  for (var i = 0; i < spans.length; i++) {
    field_for = spans[i].htmlFor || spans[i].getAttribute('for');
    if (field_for == field_id) {
	  if (hide){
		spans[i].className = spans[i].className.replace("overspan-apply","overspan-hide");
	  } else {
		spans[i].className = spans[i].className.replace("overspan-hide","overspan-apply");
	  }
      return true;
    }
  }
}

$(document).ready(function() {
    //Because Safari sucks, and fills in saved username/password info AFTER window.onload
    initOverSpans();
});

window.onload = function() {
	// handle form auto fillers
    setTimeout(function() {initOverSpans();}, 1000);
}