/*
 * In order for this to work, you MUST follow these rules:
 * 		1) The field name (id) for the confirmation field must
 * 		   be named the same as the original password field, only 
 * 		   with the text 'Confirm' appended to it.
 * 		   e.g. 
 * 				<input id='myPassword' size='16' type='password' value='password'></input>
 * 				<input id='myPasswordConfirm' size='16' type='password' value='confirmPassword'></input>
 * 
 * 		2) There must be a <span> tag with id='confirmMessage'.
 */	    
function checkPassword(passwordFieldObject){
		
			var pw1 = passwordFieldObject.id;
			var pw2 = pw1 + 'Confirm';

			//Store the password field objects into variables ...
			var pass1 = document.getElementById(pw1);
			var pass2 = document.getElementById(pw2);
			//Store the Confimation Message Object ...
			var message = document.getElementById('confirmMessage');
			//Set the colors we will be using ...
			var goodColor = "#66cc66";
			var badColor = "#ff6666";
			//Compare the values in the password field 
			//and the confirmation field
			if(pass1.value == pass2.value){
			  //The passwords match. 
			  //Set the color to the good color and inform
			  //the user that they have entered the correct password 
			  pass2.style.backgroundColor = goodColor;
			  message.style.color = goodColor;
			  message.innerHTML = "Passwords Match!"
			}else{
			  //The passwords do not match.
			  //Set the color to the bad color and
			  //notify the user.
			  pass2.style.backgroundColor = badColor;
			  message.style.color = badColor;
			  message.innerHTML = "Passwords Do Not Match!"
			}
		}