function changeAreaText(id){
  var x = document.getElementById('areaText').rows;
  var y = x[0].cells;
  switch(id){
  case 1: y[1].innerHTML = "<table><tr><th>Area: None<\/th><\/tr><tr><td>Outside Edinburgh<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><\/table>"; break;
  case 2: y[1].innerHTML = "<table><tr><th>Area: Musselburgh<\/th><tr><td>Musselburgh<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><\/table>"; break;
  case 3: y[1].innerHTML = "<table><tr><th>Area: North West<\/th><\/tr><tr><td>Barnton<\/td><td>Inverleith<\/td><\/tr><tr><td>Blackhall<\/td><td>Learmouth<\/td><\/tr><tr><td>Clermiston<\/td><td>Orchard Brae<\/td><\/tr><tr><td>Comely Bank<\/td><td>Pennywell<\/td><\/tr><tr><td>Craigleith<\/td><td>Pilton<\/td><\/tr><tr><td>Cramond<\/td><td>Ravelston<\/td><\/tr><tr><td>Crewe Road<\/td><td>Silverknowes<\/td><\/tr><tr><td>Crewe Toll<\/td><td>Stockbridge<\/td><\/tr><tr><td>Davidson Mains<\/td><td>Trinity<\/td><\/tr><tr><td>Fettes<\/td><\/tr><tr><td>Fettes Village<\/td><\/tr><tr><td>Goldenacre<\/td><\/tr><tr><td>Granton<\/td><\/tr><\/table>"; break;
  case 4: y[1].innerHTML = "<table><tr><th>Area: North East<\/th><\/tr><tr><td>Abbeyhill<\/td><td>Parliament<\/td><\/tr><tr><td>Bellevue<\/td><td>Piersfield<\/td><\/tr><tr><td>Bonnington<\/td><td>Portobello Road<\/td><\/tr><tr><td>Canongate<\/td><td>Powderhall<\/td><\/tr><tr><td>Craigentinny<\/td><td>Restalrig<\/td><\/tr><tr><td>Easter Road<\/td><td>The Shore<\/td><\/tr><tr><td>Hillside<\/td><td>Willowbrae<\/td><\/tr><tr><td>Holyrood<\/td><\/tr><tr><td>Leith<\/td><\/tr><tr><td>Leith Links<\/td><\/tr><tr><td>Leith Walk<\/td><\/tr><tr><td>Lochend<\/td><\/tr><tr><td>Meadowbank<\/td><\/tr><\/table>"; break;
  case 5: y[1].innerHTML = "<table><tr><th>Area: Centre<\/th><\/tr><tr><td>Broughton<\/td><td>New Town<\/td><\/tr><tr><td>Calton<\/td><td>Tollcross<\/td><\/tr><tr><td>Canonmills<\/td><td>West End<\/td><\/tr><tr><td>Central<\/td><\/tr><tr><td>City Centre<\/td><\/tr><tr><td>Cowgate<\/td><\/tr><tr><td>Dean<\/td><\/tr><tr><td>Dean Village<\/td><\/tr><tr><td>East End<\/td><\/tr><tr><td>Fountainbridge<\/td><\/tr><tr><td>Grassmarket<\/td><\/tr><tr><td>High Street<\/td><\/tr><tr><td>Meadows<\/td><\/tr><\/table>"; break;
  case 6: y[1].innerHTML = "<table><tr><th>Area: West<\/th><\/tr><tr><td>Baberton<\/td><td>Haymarket<\/td><\/tr><tr><td>Balerno<\/td><td>Juniper Green<\/td><\/tr><tr><td>Balgreen<\/td><td>Kingsknowe<\/td><\/tr><tr><td>Carrick Knowe<\/td><td>Longstone<\/td><\/tr><tr><td>Colinton<\/td><td>Murrayfield<\/td><\/tr><tr><td>Corstorphine<\/td><td>Saughton Mains<\/td><\/tr><tr><td>Craiglockhart<\/td><td>Sighthill<\/td><\/tr><tr><td>Currie<\/td><td>Slateford<\/td><\/tr><tr><td>Dalry<\/td><td>South Gyle<\/td><\/tr><tr><td>Drumbrae<\/td><td>Stenhouse<\/td><\/tr><tr><td>Glenlockhart<\/td><td>Tynecastle<\/td><\/tr><tr><td>Gorgie<\/td><td>Wester Hailes<\/td><\/tr><tr><td>Gyle<\/td><\/tr><\/table>"; break;
  case 7: y[1].innerHTML = "<table><tr><th>Area: South West<\/th><\/tr><tr><td>Bonaly<\/td><\/tr><tr><td>Braids<\/td><\/tr><tr><td>Bruntsfield<\/td><\/tr><tr><td>Churchill<\/td><\/tr><tr><td>Comiston<\/td><\/tr><tr><td>Fairmilehead<\/td><\/tr><tr><td>Greenbank<\/td><\/tr><tr><td>Merchiston<\/td><\/tr><tr><td>Morningside<\/td><\/tr><tr><td>Napier<\/td><\/tr><tr><td>Oxgangs<\/td><\/tr><tr><td>Swanston<\/td><\/tr><tr><td>Viewforth<\/td><\/tr><\/table>"; break;
  case 8: y[1].innerHTML = "<table><tr><th>Area: South<\/th><\/tr><tr><td>Blackford<\/td><\/tr><tr><td>Causewayside<\/td><\/tr><tr><td>Fountain Hall<\/td><\/tr><tr><td>Grange<\/td><\/tr><tr><td>Marchmont<\/td><\/tr><tr><td>Newington<\/td><\/tr><tr><td>Old Town<\/td><\/tr><tr><td>Sciennes<\/td><\/tr><tr><td>South Side<\/td><\/tr><tr><td>St Leonards<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><\/table>"; break;
  case 9: y[1].innerHTML = "<table><tr><th>Area: East<\/th><\/tr><tr><td>Duddingston<\/td><\/tr><tr><td>Joppa<\/td><\/tr><tr><td>Portobello<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><\/table>"; break;
  case 10: y[1].innerHTML = "<table><tr><th>Area: South East<\/th><\/tr><tr><td>Cameron Toll<\/td><\/tr><tr><td>Craigmillar<\/td><\/tr><tr><td>Dalry<\/td><\/tr><tr><td>Gilmerton<\/td><\/tr><tr><td>Inch<\/td><\/tr><tr><td>Liberton<\/td><\/tr><tr><td>Little France<\/td><\/tr><tr><td>Moredun<\/td><\/tr><tr><td>Niddrie<\/td><\/tr><tr><td>Niddrie Mill<\/td><\/tr><tr><td>Polwarth<\/td><\/tr><tr><td>Prestonfield<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><\/table>"; break;
  case 11: y[1].innerHTML = "<table><tr><th>Area: None<\/th><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><tr><td>&nbsp;<\/td><\/tr><\/table>"; break;
  default: break;
  } //switch
} //changeAreaText(id)

function areasSelected(id){
  var x = document.getElementById('areaSel').rows;
  var y = x[0].cells;
  var areas = new Array(10)
    areas[0] = "Outside Edinburgh.";
    areas[1] = "Musselburgh.";
    areas[2] = "North West.";
    areas[3] = "North East.";
    areas[4] = "Centre.";
    areas[5] = "West.";
    areas[6] = "South West.";
    areas[7] = "South.";
    areas[8] = "East.";
    areas[9] = "South East.";
    switch(id) {
      case 0: y[0].innerHTML = y[0].innerHTML + " " + areas[0]; break;
      case 1: y[0].innerHTML = y[0].innerHTML + " " + areas[1]; break;
      case 2: y[0].innerHTML = y[0].innerHTML + " " + areas[2]; break;
      case 3: y[0].innerHTML = y[0].innerHTML + " " + areas[3]; break;
      case 4: y[0].innerHTML = y[0].innerHTML + " " + areas[4]; break;
      case 5: y[0].innerHTML = y[0].innerHTML + " " + areas[5]; break;
      case 6: y[0].innerHTML = y[0].innerHTML + " " + areas[6]; break;
      case 7: y[0].innerHTML = y[0].innerHTML + " " + areas[7]; break;
      case 8: y[0].innerHTML = y[0].innerHTML + " " + areas[8]; break;
      case 9: y[0].innerHTML = y[0].innerHTML + " " + areas[9]; break;
      case 10: y[0].innerHTML = "<p><strong>Areas selected:<\/strong><\/p>"; break;
      default: break;
    } //switch (id)
} //areasSelected(id)

function areasToBeSearched(id) {
  var x = document.SearchProp.Area.value;
    /*If id is ten, then the reset button
      has been clicked.*/
    if (id == 10) {
      document.SearchProp.Area.value = "";
      areasSelected(10);
    } else {
      /*Check to see if user has already
	selected the area.*/
      if (!x.match(id)) {
	document.SearchProp.Area.value += id;
	areasSelected(id);
      } //if
    } //else
} //areasToBeSearched(id)
