var username = '';

function message(m) {
 	if(messageBlock==true)
 		return;
   var e = document.getElementById("loginMessage");
   e.innerHTML = m;
   e.style.color = "#f60";
   e.style.fontWeight = "bold";
 }
 
function validateUsername(ua) {
 	if(ua.length < 5) {
 		message('Your username is too short.');
 		messageBlock = true;
 		}
 	else {
 		username = ua;
 		messageBlock = false;
 		}
 
 function getUsername() {
 	return username;
 	}
 }
 
function compareEmailAddresses() {
	messageBlock = true;
 		var e1 = document.getElementById("emailAddress");
 		var e2 = document.getElementById("emailAddress2");
 		if(e1.value == '' || e2.value == '')
 			return;
 		if(e1.value != e2.value) {
		var statusMessage = document.getElementById("statusMessage");
		statusMessage.innerHTML = "The email addresses don't match.";
		statusMessage.style.color = "#f60";
		statusMessage.style.fontWeight = "bold";
		return false;
	} else {
		messageBlock = false;
		return true;
		}
 }

function comparePasswords() {
	messageBlock = true;
 		var e1 = document.getElementById("password");
 		var e2 = document.getElementById("password2");
 		if(e1.value == '' || e2.value == '')
 			return;
 		if(e1.value != e2.value) {
		var statusMessage = document.getElementById("statusMessage");
		statusMessage.innerHTML = "The passwords you entered don't match.";
		statusMessage.style.color = "#f60";
		statusMessage.style.fontWeight = "bold";
		return false;
	} else {
		messageBlock = false;
		return true;
		}
 }

function checkPassword() {
		var password = document.getElementById("password").value;
		if(password.length < 5) {
	   	var msg = "The password you selected is too short.";
		   var statusMessage = document.getElementById("statusMessage");
		   statusMessage.innerHTML = msg;
		   statusMessage.style.color = "#f60";
		   statusMessage.style.fontWeight = "bold";
		   return;
		}
	}

function checkUserType() {
		var userType = document.getElementById("userType");
		if(userType.checked == true) {
		   var shelterDetails = document.getElementById("shelterDetails");
		   shelterDetails.style.display="block";
		} else {
		   var shelterDetails = document.getElementById("shelterDetails");
		   shelterDetails.style.display="none";
		   }
	}