// specify the name of your form
var thisForm = "LoginForm";

// load field names and default values into list
var defaultVals = new Array();
defaultVals[0] = new Array("email", "E-mail");
defaultVals[1] = new Array("password", "Wachtwoord");

// populate fields with default values on page load
function LoginLoadFields() {
if (document.forms[thisForm] != null){
with (document.forms[thisForm]) {
for (var n=0; n<defaultVals.length; n++) {
var thisField = defaultVals[n][0];
var thisDefault = defaultVals[n][1];
if(elements[thisField] != null) {
if (elements[thisField].value == '')
elements[thisField].value = thisDefault;
}}}}}

// clear default value from field when selected
function LoginClearField(field) {
var fieldName = field.name;
for (var n=0; n<defaultVals.length; n++) {
var thisField = defaultVals[n][0];
var thisDefault = defaultVals[n][1];
if (thisField == fieldName) {
if (field.value == thisDefault) field.value = '';
break;
}}}

// clear all defaults when form is submitted
function LoginClearAll() {
with (document.forms[thisForm]) {
for (var n=0; n<defaultVals.length; n++) {
var thisField = defaultVals[n][0];
var thisDefault = defaultVals[n][1];
if (elements[thisField].value == thisDefault)
elements[thisField].value = '';
}}}



// CHANGE THE COLOR OF THE FIELD AS SOONS YOU CLICK ON IT
function ChangeLoginFieldStyle(idname){
	document.getElementById(idname).style.color="#FFFFFF"
	document.getElementById(idname).style.background="#bfbfbf"
}