function initOverLabels() {
	// check if RU form values are blank, if so show labels
	if ($e('username-field').value == "") {
		show('ru-overlabel-username');
	}
	if ($e('password-field').value == "") {
		show('ru-overlabel-password');
	}	
	
	// when user focuses on the input field, or clicks on the label above it, hide the label
	$e('username-field').onfocus = function() {
		hide('ru-overlabel-username');
	}
	$e('ru-overlabel-username').onclick = function() {
		hide('ru-overlabel-username');
		document.getElementById('username-field').focus();
	}
	$e('password-field').onfocus = function() {
		hide('ru-overlabel-password');
	}	
	$e('ru-overlabel-password').onclick = function() {
		hide('ru-overlabel-password');
	}	
	
	// when clicking off input, if it's blank, put the label back
	$e('username-field').onblur = function() {
		if (this.value == "") {
			show('ru-overlabel-username');
		}
	}
	$e('password-field').onblur = function() {
		if (this.value == "") {
			show('ru-overlabel-password');
		}
	}
}