var applyDefault = function(input, text){
	input.style.color = "#555";
	input.value = text;
	input.onfocus = function(){
		if(input.value == text){		
			input.value = "";
			input.style.color = "#000";
		}					
	}
	input.onblur = function(){
		if(input.value == ""){
			input.value = text;
			input.style.color = "#555";
		}	
	}
}
			

window.onload = function() {
  if (document.getElementById("klantnummer")) {
    	
		var klantnummer = document.getElementById("klantnummer");
        var placeholder = document.getElementById("password_placeholder");
		var password = document.getElementById("wachtwoord");
        
        if (klantnummer.value == "") {
            applyDefault(klantnummer, "klantnummer");
        }
		
        if (password.value == "") {
            placeholder.innerHTML = "wachtwoord";
        } else {
            placeholder.innerHTML = "";
        }
		
        placeholder.onclick = function(){
			this.style.display = "none";
			password.focus();
		}
		
		password.onfocus = function(){
			placeholder.style.display = "none";
		}
		password.onblur = function(){
			if(password.value == "")
				placeholder.style.display = "block";
		}
    }
}