var walksTime = new Array(16);

walksTime[0] = new Array("Hunstanton");
walksTime[1] = new Array("Holme Beach", "1:15");
walksTime[2] = new Array("Thornham", "2:30", "1.30");
walksTime[3] = new Array("Brancaster", "4:00", "3:00", "1:45");
walksTime[4] = new Array("Burnham Deepdale", "5:00", "4:00", "2:30", "1:00");
walksTime[5] = new Array("Burnham Overy Staithe", "6:30", "5:30", "4:00", "2:30", "1:45");
walksTime[6] = new Array("Holkham Gap", "8:00", "7:00", "5:45", "4:00", "3:15", "1:30");
walksTime[7] = new Array("Wells next the Sea", "9:15", "8:00", "6:45", "5:15", "4:15", "2:45", "1:15");
walksTime[8] = new Array("Stiffkey", "10:30", "9:30", "8:00", "6:30", "5:30", "4:00", "2:30", "1:30");
walksTime[9] = new Array("Morston", "11:30", "10:30", "9:15", "7:30", "6:45", "5:00", "3:30", "2:30", "1:15");
walksTime[10] = new Array("Blakeney", "12:15", "11:00", "9:45", "8:15", "7:15", "5:45", "4:15", "3:00", "1:45", "0:30");
walksTime[11] = new Array("Cley next the Sea", "13:15", "12:00", "10:45", "9:15", "8:15", "6:45", "5:15", "4:00", "3:00", "1:45", "1:00");
walksTime[12] = new Array("Weybourne", "15:30", "14:30", "13:00", "11:30", "10:30", "9:00", "7:30", "6:30", "5:00", "4:00", "3:30", "2:15");
walksTime[13] = new Array("Sheringham", "16:45", "15:30", "14:15", "12:45", "11:45", "10:15", "8:45", "7:30", "6:15", "5:15", "4:30", "3:30", "1:15");
walksTime[14] = new Array("West Runton", "17:45", "16:45", "15:15", "13:45", "13:00", "11:15", "9:45", "8:45", "7:30", "6:15", "5:45", "4:30", "2:30", "1:00");
walksTime[15] = new Array("Cromer Pier", "18:45", "17:45", "16:30", "15:00", "14:00", "12:30", "11:00", "9:45", "8:30", "7:30", "6:45", "5:45", "3:30", "2:15", "1:15");

var walksDistance = new Array(16);

walksDistance[0] = new Array("Hunstanton");
walksDistance[1] = new Array("Holme Beach", "2.7");
walksDistance[2] = new Array("Thornham", "6.0", "3.3");
walksDistance[3] = new Array("Brancaster", "10.0", "7.3", "4.0");
walksDistance[4] = new Array("Burnham Deepdale", "12.2", "9.5", "6.2", "2.2");
walksDistance[5] = new Array("Burnham Overy Staithe", "16.1", "13.4", "10.1", "6.1", "3.9");
walksDistance[6] = new Array("Holkham Gap", "19.9", "17.2", "13.9", "9.9", "7.7", "3.8");
walksDistance[7] = new Array("Wells next the Sea", "22.7", "20.0", "16.7", "12.7", "10.5", "6.6", "2.8");
walksDistance[8] = new Array("Stiffkey", "25.9", "23.2", "19.9", "15.9", "13.7", "9.8", "6.0", "3.2");
walksDistance[9] = new Array("Morston", "28.7", "26.0", "22.7", "18.7", "16.5", "12.6", "8.8", "6.0", "2.8");
walksDistance[10] = new Array("Blakeney", "30.2", "27.5", "24.2", "20.2", "18.0", "14.1", "10.3", "7.5", "4.3", "1.5");
walksDistance[11] = new Array("Cley next the Sea", "32.8", "30.1", "26.8", "22.8", "20.6", "16.7", "12.9", "10.1", "6.9");
walksDistance[12] = new Array("Weybourne", "38.4", "35.7", "32.4", "28.4", "26.2", "22.3", "18.5", "15.7", "12.5", "9.7", "8.2", "5.6");
walksDistance[13] = new Array("Sheringham", "41.5", "38.8", "35.5", "31.5", "29.3", "25.4", "21.6", "18.8", "15.6", "12.8", "11.3", "8.7", "3.1");
walksDistance[14] = new Array("West Runton", "44.1", "41.4", "38.1", "34.1", "31.9", "28.0", "24.2", "21.4", "18.2", "15.4", "13.9", "11.3", "5.7", "2.6");
walksDistance[15] = new Array("Cromer Pier", "47.0", "44.3", "41.0", "37.0", "34.9", "30.9", "27.1", "24.3", "21.1", "18.3", "16.8", "14.2", "8.6", "5.5", "2.9");



function displayValues()
{
	
	var fromValue = parseInt($("#walkFrom").get(0).options[$("#walkFrom").get(0).selectedIndex].value);
	var toValue = parseInt($("#walkTo").get(0).options[$("#walkTo").get(0).selectedIndex].value);

	var walkingTime="0";
	var distance="0";
	
	if (fromValue > toValue)
	{
		walkingTime = walksTime[fromValue][toValue+1];
		distance = walksDistance[fromValue][toValue+1];
	}
	if (fromValue < toValue)
	{
		walkingTime = walksTime[toValue][fromValue+1];
		distance = walksDistance[toValue][fromValue+1];
	}

	$("#displayWalk").get(0).innerHTML = "<p><strong>Distance: <span style=\"color:#ff0000\"> " + distance + " </span></strong>miles.</p><p><strong>Walking time</strong>: <strong><span style=\"color:#ff0000\">" + walkingTime + "</span></strong>  hrs:mins</p>"
	 
}