// JavaScript Document

$(document).ready(function(){
	
	formHolderText('#YMP1', 'Voornaam');
	formHolderText('#YMP2', 'Achternaam');
	formHolderText('#YMP0', 'E-mail adres');
	
 });

function formHolderText(field, text, password) {
	
	$(document).click(function() {
		$loginU = $(field);
		if (password != null) {
			$val = $(password).val();
		} else {
			$val = $loginU.val();
		}
		
		if ($val == '') {
			$loginU.val(text);
			$loginU.css('color', '#7F7F7F');
			if (password != null) {
				$(password).hide();
				$loginU.show();
			}
		}
	});
	
	$(field).click(function(e) {
		e.stopPropagation();
		$v = $(this).val();
		if ($v == text) {
			$(this).val('');
			$(this).css('color', '#000000');
			if (password != null) {
				$(this).hide();
				$(password).show().focus();
				$(password).css('color', '#000000');
			}
		}
	});
	
	$(field).focus(function(e) {
		e.stopPropagation();
		$v = $(this).val();
		if ($v == text) {
			$(this).val('');
			$(this).css('color', '#000000');
			if (password != null) {
				$(this).hide();
				$(password).show().focus();
				$(password).css('color', '#000000');
			}
		}
	});
	
}