﻿function textFieldFocus(object,defaultValue) {
  object.className = "text_focus";
  if (object.value == defaultValue) {
    object.value = "";
  }
}

function textFieldBlur(object,defaultValue) {
  object.className = "text";
  if (object.value == "") {
    object.value = defaultValue;
  }
}

function changeInputType(oldElm,iType,iValue,noFocus) {

  // First a check to detect Konqueror, Safari, and IE5/Mac which don't have unique objects,
  // use the user agent string to detect them.
  // I'm doing this because otherwise it crashes Konqueror and Safari and 
  // generates errors in IE5/Mac
  var ua = navigator.userAgent.toLowerCase();
  if((ua.indexOf('konqueror')==-1) && (ua.indexOf('safari')==-1) &&
  ((ua.indexOf('msie')==-1)||(ua.indexOf('mac')==-1))){

  	if(!oldElm || !oldElm.parentNode || (iType.length<4) || 
   	 !document.getElementById || !document.createElement) return;
  	var newElm = document.createElement('input');
  	newElm.type = iType;
  	if(oldElm.name) newElm.name = oldElm.name;
  	newElm.className = 'text';
  	if(oldElm.id) newElm.id = oldElm.id;
  	newElm.onfocus = function() {
   	 if(this.hasFocus) return;
   	 var newElm = changeInputType(this,'password',
  	    (this.value.toLowerCase()=='wachtwoord')?'':this.value);
  	  if(newElm) newElm.hasFocus=true;
  	  if(newElm) newElm.className='text_focus';
  	}
  	newElm.onblur = function() {
  	  if(this.hasFocus)
  	  if(this.value=='' || this.value.toLowerCase()=='wachtwoord') {
  	    changeInputType(this,'text','Wachtwoord',true);
  	  } else {
  	    this.className='text';
  	  }
  	}
 	// hasFocus is to prevent a loop where onfocus is triggered over and over again
  	newElm.hasFocus=false;
  	oldElm.parentNode.replaceChild(newElm,oldElm);
  	if(iValue) newElm.value = iValue;
  	if(!noFocus || typeof(noFocus)=='undefined') {
   	 window.tempElm = newElm;
  	  setTimeout("tempElm.hasFocus=true;tempElm.focus();",1);
  	}
  	return newElm;
  }
}

function unhide(elid, el) {
  var eldiv = document.getElementById(elid);
  if (eldiv) {
    eldiv.style.display = "inline";
    el.style.display = "none";
  }
}