// ************************** Sort Grave *******************************************
function sortGrave(m1,m2)
{
  return m1.surname.localeCompare(m2.surname);
}  // End of fn sortCave




// ************************** Select Grave *******************************************
function selectGrave()
{

  var findMarker = document.getElementById('findMarker');
  var i = findMarker.options[findMarker.selectedIndex].value;
  if(i<0) { return; }

  var grave = graveinfo[i];
  map.setCenter(grave.point);
  displayMarker(grave);

  markers[cMarkers-1].openInfoWindowTabsHtml(createTabbedData([grave.summary, grave.text, grave.dedication, grave.photo], ["Summary", "Inscription", "Dedication", "Photos"]));
  marker_colour++;

}  // End of fn selectCave





// ************************** Find Marker Button *******************************************
// Create the Find Marker Button
function findMarkerButton() {
  var sel1 = document.createElement("SELECT");
  sel1.id = "findMarker";
  sel1.title ="Find a Grave";     // Appears as <a title="xxx"> Type info window text
  document.getElementById("findButton").appendChild(sel1);

  graveinfo.sort(sortGrave);

  var o = document.createElement("OPTION");
  o.text= "Find a Grave";   // Default Menu Option
  o.value= -1;
  sel1.options.add(o);
  o = document.createElement("OPTION");
  o.text= "Surname, First Name";   
  o.value= -2;
  sel1.options.add(o);

  for (var i = 1; i < graveinfo.length; i++) {   
    if (graveinfo[i].surname.length > 2 && graveinfo[i].surname!="surname") {
      o = document.createElement("OPTION");
      o.text=graveinfo[i].surname + ", " +graveinfo[i].first_name;
      o.value=i;
      sel1.options.add(o);
    }  
  }

  GEvent.addDomListener(sel1, "change", function() {
    selectGrave();
  });

}    // End of fn findMarkerButton