function fill_details_form () {
  document.getElementById("details_firstname").value = "Nick";
	document.getElementById("details_surname").value = "Jelfs"
	document.getElementById("details_email").value = "nickjelfs@gmail.com";
	document.getElementById("details_address").value = "106 Ombersley Road";
	document.getElementById("details_address2").value = "";
	document.getElementById("details_city").value = "Worcester";
	document.getElementById("details_postcode").value = "WR3 7EZ";
	document.getElementById("details_phone").value = "07743 415179";
}

function check_details_form () {
  if (!detailsformincluded)
    return false;
    
  var firstname = document.getElementById("details_firstname");
	var lastname = document.getElementById("details_surname");
	var email = document.getElementById("details_email");
	var address = document.getElementById("details_address");
	var address2 = document.getElementById("details_address2");
	var city = document.getElementById("details_city");
	var postcode = document.getElementById("details_postcode");
	var phone = document.getElementById("details_phone");
		
	if (firstname.value.length == 0)
	{
  	alert("Please enter your first name.");
  	firstname.focus();
  	window.scrollBy(0, -50);
  	return false;
	}
	else if (lastname.value.length == 0)
	{
  	alert("Please enter your last name.");
  	lastname.focus();
  	window.scrollBy(0, -50);
  	return false;
	}
	else if (email.value.length < 6 || email.value.indexOf('@', 0) == -1 || email.value.indexOf('.', 0) == -1)
	{
  	alert("Please enter a valid e-mail address.");
  	email.focus();
  	window.scrollBy(0, -50);
  	return false;
	}
	else if (address.value.length == 0)
	{
  	alert("Please enter your address correctly.");
  	address.focus();
  	window.scrollBy(0, -50);
  	return false;
	}
	else if (city.value.length == 0) {
	  alert("Please enter your city.");
  	city.focus();
  	window.scrollBy(0, -50);
  	return false;
	}	else if (postcode.value.length == 0){
  	alert("Please enter your postcode.");
  	postcode.focus();
  	window.scrollBy(0, -50);
  	return false;
	}
	else
	{	
    str =  firstname.value + " " + lastname.value + "\n";
		str += email.value + "\n";
		str += address.value + "\n";
		if (address2.value != "") str += address2.value + "\n";
		str += city.value + "\n";
		str += postcode.value + "\n";
		if (phone.value != "") str += phone.value + "\n\n";
		
		document.getElementById("details_collected").value = str;
		
		save_details_form();
		
		return true;
	}
}

function write_details_form() {
    
  str =  "<div id=\"details\">";

  str += "  <h2>Details</h2>";

  str += " 	<table>";
  str += " 	  <tr>";
  str += " 	 		<td width=\"40%\">First Name</td>";
  str += "   		<td width=\"60%\"><input class=\"mandat\" type=\"text\" size=\"30\" id=\"details_firstname\" /></td>";
  str += "    </tr>";
  str += "   	<tr>";
  str += "   		<td>Last Name</td>";
  str += "  		<td><input class=\"mandat\" type=\"text\" size=\"30\" id=\"details_surname\" /></td>";
  str += "   	</tr>";
  str += "   	<tr>";
  str += "      <td>E-Mail Address</td>";
  str += "   		<td><input class=\"mandat\" type=\"text\" size=\"30\" id=\"details_email\" /></td>";
  str += "   	</tr>"
  str += "   	<tr>";
  str += "   		<td>Address</td>";
  str += "   		<td><input class=\"mandat\" type=\"text\" size=\"30\" id=\"details_address\" /></td>";
  str += "   	</tr>";
  str += "   	<tr>";
  str += "   		<td>&nbsp</td>";
  str += "   		<td><input class=\"mandat\" type=\"text\" size=\"30\" id=\"details_address2\" /></td>";
  str += "   	</tr>";
  str += "   	<tr>";
  str += "   		<td>City</td>";
  str += "   		<td><input class=\"mandat\" type=\"text\" size=\"30\" id=\"details_city\" /></td>";
  str += "   	</tr>";
  str += "   	<tr>";
  str += "   		<td>UK Post Code</td>";
  str += "   		<td><input class=\"mandat\" type=\"text\" size=\"10\" maxlength=\"9\" id=\"details_postcode\" /></td>";
  str += "   	</tr>";
  str += "   	<tr>";
  str += "   		<td>Phone Number</td>";
  str += "   		<td><input type=\"text\" size=\"30\" maxlength=\"20\" id=\"details_phone\" /></td>";
  str += "   	</tr>";
  str += "   	<tr>";
  str += "   		<td colspan=\"2\"><span onclick=\"fill_details_form()\" style=\"color: red; font-size: 14px;\">Fields coloured in red are required</span></td>";
  str += "   	</tr>";
  str += "  </table>";
  
  str += "  <input type=\"hidden\" name=\"details_collected\" id=\"details_collected\" value=\"\" />";
  
  str += "</div>";
  
  document.writeln(str);
  
  detailsformincluded = true;
}

function save_details_form () {
  var firstname = document.getElementById("details_firstname").value;
	var lastname = document.getElementById("details_surname").value;
	var email = document.getElementById("details_email").value;
	var address = document.getElementById("details_address").value;
	var address2 = document.getElementById("details_address2").value;
	var city = document.getElementById("details_city").value;
	var postcode = document.getElementById("details_postcode").value;
	var phone = document.getElementById("details_phone").value;
	
	var TwoWeeks = 1000 * 60 * 60 * 24 * 7 * 2;
	var ExpDate = new Date();
	ExpDate.setTime(ExpDate.getTime() + TwoWeeks);

	document.cookie = "firstname=" + escape(firstname);
	document.cookie = "lastname=" + escape(lastname);
  document.cookie = "email=" + escape(email);
	document.cookie = "address=" + escape(address);
	document.cookie = "address2=" + escape(address2);
	document.cookie = "city=" + escape(city);
	document.cookie = "postcode=" + escape(postcode);
	document.cookie = "phone=" + escape(phone);
	document.cookie = "expires=" + ExpDate.toGMTString();
}

function load_details_form() {
  if (detailsformincluded) {
    document.getElementById("details_firstname").value = getcookie("firstname");
		document.getElementById("details_surname").value = getcookie("lastname");
		document.getElementById("details_email").value = getcookie("email");
		document.getElementById("details_address").value = getcookie("address");
		document.getElementById("details_address2").value = getcookie("address2");
		document.getElementById("details_city").value = getcookie("city");
		document.getElementById("details_postcode").value = getcookie("postcode");
		document.getElementById("details_phone").value = getcookie("phone");
  }
}

function getcookie (name) {
	var result = "";
	theCookie = " " + document.cookie + ";";
	var searchName = " " + name + "=";
	var startofCookie = theCookie.indexOf(searchName);
	var endofCookie;
	if (startofCookie != -1)
	{
		startofCookie += searchName.length;
		endofCookie = theCookie.indexOf(";", startofCookie);
		result = unescape(theCookie.substring(startofCookie, endofCookie));
	}
	return result;
}