// Create our "tiny" marker icons
var icon = new GIcon();
icon.image = "http://labs.google.com/ridefinder/images/mm_20_blue.png";
icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
icon.iconSize = new GSize(12, 20);
icon.shadowSize = new GSize(22, 20);
icon.iconAnchor = new GPoint(6, 20);
icon.infoWindowAnchor = new GPoint(5, 1);

var home = new GIcon();
home.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
home.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
home.iconSize = new GSize(12, 20);
home.shadowSize = new GSize(22, 20);
home.iconAnchor = new GPoint(6, 20);
home.infoWindowAnchor = new GPoint(5, 1);

var gmarkers = [];
var ids = [];
var i = 0;

// Create map centered on EDGARfilings
var map = new GMap(document.getElementById("map"));
map.addControl(new GSmallMapControl());
resetMap();
//map.centerAndZoom(new GPoint(-95.457132, 29.744323), 2);


// Resets map center
function resetMap() {
	map.closeInfoWindow();
	map.centerAndZoom(new GPoint(-95.451500, 29.743400), 2);
	}

// Creates a marker whose info window displays the given number
function createMarker(point, sId, pointer) {
  var marker = new GMarker(point, pointer);
  var html = "<div>" + document.getElementById(sId).innerHTML + "</div>";

  // Show this marker's index in the info window when it is clicked
  GEvent.addListener(marker, "click", function() {
    marker.openInfoWindowHtml(html);
    marker.gshowMapBlowup();
  });
  
  gmarkers[i] = marker;
  ids[i] = sId;
  i++;
  
  return marker;
}

// This function picks up the click and opens the corresponding info window
function openWindow(i) {
    var html = document.getElementById(ids[i]).innerHTML;
    gmarkers[i].openInfoWindowHtml(html);
    //gmarkers[i].gshowMapBlowup();
}

// Create the markers for the office and the hotels

// EDGARfilings
var point = new GPoint(-95.441900, 29.739950);
var marker = createMarker(point, "IEC", home);
map.addOverlay(marker);

// Intercontinental Hotel
var point = new GPoint(-95.457193, 29.744146);
var marker = createMarker(point, "ICH", icon);
map.addOverlay(marker);

// Sheraton Suites
var point = new GPoint(-95.457692, 29.742714);
var marker = createMarker(point, "SSH", icon);
map.addOverlay(marker);

// Hilton Hotel
var point = new GPoint(-95.460975, 29.743082);
var marker = createMarker(point, "HIL", icon);
map.addOverlay(marker);

// Hotel Derek
var point = new GPoint(-95.457718, 29.741029);
var marker = createMarker(point, "HD", icon);
map.addOverlay(marker);

// Westin Oaks
var point = new GPoint(-95.460975, 29.741009);
var marker = createMarker(point, "WO", icon);
map.addOverlay(marker);

// J.W. Marriott
var point = new GPoint(-95.465036, 29.740778);
var marker = createMarker(point, "JWM", icon);
map.addOverlay(marker);

// La Quinta Inn
var point = new GPoint(-95.455318, 29.750328);
var marker = createMarker(point, "LAQ", icon);
map.addOverlay(marker);

// Marriott Hotel
var point = new GPoint(-95.455316, 29.750500);
var marker = createMarker(point, "MAR", icon);
map.addOverlay(marker);

// Drury Inn
var point = new GPoint(-95.455318, 29.750228);
var marker = createMarker(point, "DRU", icon);
map.addOverlay(marker);

// St. Regis
var point = new GPoint(-95.451218, 29.749245);
var marker = createMarker(point, "STR", icon);
map.addOverlay(marker);

// Houstonian
var point = new GPoint(-95.457607, 29.765350);
var marker = createMarker(point, "HOU", icon);
map.addOverlay(marker);