var siteMthd = {
	usernameValue:"Benutzername",
	passwordValue:"Passwort",
	focusClassName:"quizInputHeader",
	blurClassName:"quizInputHeader",
	
	clearLogin: function(e) {
		el = e.element();
		if(el.id) {
			if(el.id == 'loginUsername' && el.value == siteMthd.usernameValue) {
				el.value = '';
				el.className = siteMthd.focusClassName;
			}
			else if(el.id == 'loginPassword' && el.value == siteMthd.passwordValue) {
				el.value = '';
				el.className = siteMthd.focusClassName;
			}
			else {
				el.select();
			}
		}
	},
	
	checkLogin: function(e) {
		el = e.element();
		if(el.id) {
			if(el.id == 'loginUsername' && el.value == '') {
				el.value = siteMthd.usernameValue;
				el.className = siteMthd.blurClassName;
			}
			else if(el.id == 'loginPassword' && el.value == '') {
				el.value = siteMthd.passwordValue;
				el.className = siteMthd.blurClassName;
			}
		}
	}
};

Event.observe(window, 'load', function() {
	$('loginUsername').observe('focus', siteMthd.clearLogin);
	$('loginPassword').observe('focus', siteMthd.clearLogin);
	$('loginUsername').observe('click', siteMthd.clearLogin);
	$('loginPassword').observe('click', siteMthd.clearLogin);
	$('loginUsername').observe('blur', siteMthd.checkLogin);
	$('loginPassword').observe('blur', siteMthd.checkLogin);
});