function login_focussed(element, default_value){
	if(element.value == default_value){
		element.value = "";
		if(default_value == "Password"){
			element.type = "password";
		}
	}
	element.style.color = "black";
	if(default_value == "Email")
		verify_email(element);
	else
		element.style.backgroundColor = "#CCCCFF";
}

function login_blurred(element, default_value){
	if(element.value == ""){
		element.value = default_value;
		element.style.color = "grey";
		element.style.backgroundColor = "#FFFFFF";
		element.type = "text";
	} else {
		if(default_value == "Email")
			verify_email(element);
	}
}

window.onload=function(){
	var email_sign_in = document.getElementById('email_sign_in');
	var password_sign_in = document.getElementById('password_sign_in');
	if(email_sign_in != null){
		email_sign_in.style.color = "grey";
		password_sign_in.style.color = "grey";
		password_sign_in.type = "text";
		email_sign_in.value = "Email";
		password_sign_in.value = "Password";
	}
}

function verify_email(element){
	var emailRegEx = /^([\w]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i;
     if (element.value.search(emailRegEx) == -1) {
          element.style.backgroundColor = "#FFCCCC";
     } else {
     	element.style.backgroundColor = "#CCFFCC";
     }
}