function validate_username() {
	var valid = true;
	if(document.getElementById('extra_username').style.display == 'block') {
		valid = /^[ ]*[a-zA-Z0-9]{9,12}[ ]*$/.test(document.getElementById('M_client_username').value);
	}
	return valid;
}

function validate_activation() {
	var valid = true;
	if(document.getElementById('extra_activation').style.display == 'block') {
		valid = /^[ ]*[a-zA-Z0-9]{6}[ ]*(\-){0,1}[ ]*[0-9]{8}[ ]*$/.test(document.getElementById('M_client_activation_code').value);
	}
	return valid;
}

function validate_address() {
	var valid = true;
	if(document.getElementById('extra_otherdetails').style.display == 'block') {
		valid = document.getElementById('M_client_address').value != '';
	}
	return valid;
}

function validate_postcode() {
	var valid = true;
	if(document.getElementById('extra_otherdetails').style.display == 'block') {
		valid = document.getElementById('M_client_postcode').value.trim() != '';
	}
	return valid;
}

function validate_phone() {
	var valid = true;
	if(document.getElementById('extra_otherdetails').style.display == 'block') {
		valid = document.getElementById('M_client_phone').value != '';
	}
	return valid;
}

var vld = null;
function loadPage() {
	vld = new validator('renewForm');
	vld.errorClass = 'error';
	vld.messageContainer = document.getElementById('errorDiv');
	vld.errorMessage = 'Please make sure you enter valid<br/>information into the fields below';
	
	vld.addField('Name', true, fieldTypes.text);
	vld.addField('Email', true, fieldTypes.email);
	vld.addField('M_client_username', false, fieldTypes.text, validate_username);
	vld.addField('M_client_activation_code', false, fieldTypes.text, validate_activation);
	vld.addField('M_client_address', false, fieldTypes.text, validate_address);
	vld.addField('M_client_postcode', false, fieldTypes.postcode, validate_postcode);
	vld.addField('M_client_phone', false, fieldTypes.text, validate_phone);
	vld.enableAutoValidation();
}

function extra_activation() {
	document.getElementById('M_client_username').value = '';
	document.getElementById('extra_username').style.display = 'none';
	document.getElementById('extra_activation').style.display = 'block';
}

function extra_otherdetails() {
	document.getElementById('M_client_activation_code').value = '';
	document.getElementById('extra_activation').style.display = 'none';
	document.getElementById('extra_otherdetails').style.display = 'block';
}

function startagain() {
	document.getElementById('desc').options[0].selected = true;
	document.getElementById('Name').value = document.getElementById('M_client_name').value;
	document.getElementById('Email').value = document.getElementById('M_client_email').value;
	document.getElementById('M_client_username').value = '';
	document.getElementById('M_client_activation_code').value = '';
	document.getElementById('M_client_address').value = '';
	document.getElementById('M_client_postcode').value = '';
	document.getElementById('M_client_phone').value = '';
	document.getElementById('extra_username').style.display = 'block';
	document.getElementById('extra_activation').style.display = 'none';
	document.getElementById('extra_otherdetails').style.display = 'none';
	document.getElementById('errorDiv').style.display = 'none';
	vld.clearErrors();
}

function updateAmount() {
	var dd = document.getElementById('desc');
	var s = dd.options[dd.selectedIndex].text;
	a = s.match(/£\d{1,}.\d{1,}/)[0];
	document.getElementById('amount').value = a.substr(1);
}