// JScript File

 // Create a base icon for all of our markers that specifies the shadow, icon
// dimensions, etc.
var baseIcon = new GIcon();
baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
baseIcon.iconSize = new GSize(20, 34);
baseIcon.shadowSize = new GSize(37, 34);
baseIcon.iconAnchor = new GPoint(9, 34);
baseIcon.infoWindowAnchor = new GPoint(9, 2);
baseIcon.infoShadowAnchor = new GPoint(18, 25);

// Center the map on Palo Alto
var map = new GMap(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.centerAndZoom(new GPoint(-1.680671687316894, 52.05441430475168), 4);

// Creates a marker whose info window displays the letter corresponding to
// the given index
function createMarker(point, index) {
  // Create a lettered icon for this point using our icon class from above
  var letter = String.fromCharCode("A".charCodeAt(0) + index);
  var icon = new GIcon(baseIcon);
  icon.image = "http://www.circuitcnc.co.uk/siteimages/markercnc.png";
  var marker = new GMarker(point, icon);

  // Show this marker's index in the info window when it is clicked
  var html = "<b>Circuit CnC Ltd</b><br />The Furrows<br />Stretton-on-Fosse<br />Moreton-in-Marsh<br />Gloucestershire<br />GL56 9QX<br />";
  GEvent.addListener(marker, "click", function() {
    marker.openInfoWindowHtml(html);
  });

  return marker;
}

function createMarker3(point, index) {
  // Create a lettered icon for this point using our icon class from above
  var letter = String.fromCharCode("A".charCodeAt(0) + index);
  var icon = new GIcon(baseIcon);
  icon.image = "http://www.circuitcnc.co.uk/siteimages/markercnc.png";
  var marker = new GMarker(point, icon);

  // Show this marker's index in the info window when it is clicked
  var html = "<b>Circuit CnC Ltd</b><br />24 Hercies Road<br />North Hillingdon<br />Uxbridge<br />Middlesex<br />UB10 9NA<br />";
  GEvent.addListener(marker, "click", function() {
    marker.openInfoWindowHtml(html);
  });

  return marker;
}

function createMarker2(point, index) {
  // Create a lettered icon for this point using our icon class from above
  var letter = String.fromCharCode("A".charCodeAt(0) + index);
  var icon = new GIcon(baseIcon);
  icon.image = "http://www.circuitcnc.co.uk/siteimages/markercnc.png";
  var marker = new GMarker(point, icon);

  // Show this marker's index in the info window when it is clicked
  var html = "<b>Circuit CnC Ltd</b><br />18 Hawthorne Way<br />Shelley<br />Huddersfield<br />Yorkshire<br />HD8 8JX<br />";
  GEvent.addListener(marker, "click", function() {
    marker.openInfoWindowHtml(html);
  });

  return marker;
}

// Add 10 random markers in the map viewport
var bounds = map.getBoundsLatLng();
var width = bounds.maxX - bounds.minX;
var height = bounds.maxY - bounds.minY;
  var point = new GPoint(-1.680671687316894,
                         52.04441430475168);
  var marker = createMarker(point, 2);
  map.addOverlay(marker);

var point2 = new GPoint(-1.70250, 53.59875);
var marker2 = createMarker2(point2, 2);
var point3 = new GPoint(-0.45225, 51.55201);
var marker3 = createMarker2(point3, 2);

map.addOverlay(marker2);
map.addOverlay(marker3);


  map.zoomTo(7);