var map, manager;
//var centerLatitude = 40.736462, centerLongitude = -73.98777, startZoom = 12;
var centerLatitude = 44.232215, centerLongitude = -76.486612, startZoom = 15;


function createMarkerClickHandler(marker, abbr, address, category, squarefoot, leaserate, includes, comments, filename) {
  return function() {
	strOut ='<p style="font-size:12px;">';
	strOut +='<b><a href="#'+abbr+'">'+address+'</a></b><br>';
	strOut +='<b>Property Type:</b> '+category+'<br>';
	strOut +='<b>Square Footage:</b> '+address+'<br>';
	strOut +='<i><a href="#'+abbr+'">more info...</a></i><br>';
	strOut +='</p>';
    marker.openInfoWindowHtml(strOut);
    return false;
  };
}


function createMarker(pointData) {
  var latlng = new GLatLng(pointData.latitude, pointData.longitude);

  var icon = new GIcon();
  icon.image = '/images/red-marker.png';
  icon.iconSize = new GSize(24, 24);
  icon.iconAnchor = new GPoint(12, 12);
  icon.infoWindowAnchor = new GPoint(25, 7);

  opts = {
    "icon": icon,
    "clickable": true,
    "labelText": pointData.abbr,
    "labelOffset": new GSize(-16, -16)
  };
 
  var marker = new LabeledMarker(latlng, opts);
  var handler = createMarkerClickHandler(marker, pointData.abbr, pointData.address, pointData.category, pointData.squarefoot, pointData.leaserate, pointData.includes, pointData.comments, pointData.filename);
	
  GEvent.addListener(marker, "click", handler);

  var listItem = document.createElement('li');
  listItem.innerHTML = '<table><a name="' + pointData.abbr + '"></a><tr><td valign="top"><a href="/images/locations-guide/' + pointData.filename + '.jpg" target="_blank"><img src="/images/locations-guide/tn/' + pointData.filename + '.gif" border="0" style=" padding:0px 5px 0px 0px"></a></td><td><div class="label">'+pointData.abbr+'</div>&nbsp;&nbsp;&nbsp;&nbsp;<b>'+ pointData.address + '</b><br clear="all"><b>Property Type:</b> '+ pointData.category + '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>Square Footage:</b> '+ pointData.squarefoot + '<br><b>Lease Rate:</b> '+ pointData.leaserate  + '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>Inclusions/Extras:</b> '+ pointData.includes + '<br><b>Comments:</b> '+ pointData.comments  + '<br><br></td></tr></table>';
  //listItem.getElementsByTagName('a')[0].onclick = handler;
  document.getElementById('sidebar-locations-list').appendChild(listItem);

  return marker;
}

function windowHeight() {
  // Standard browsers (Mozilla, Safari, etc.)
  if (self.innerHeight) {
    return self.innerHeight;
  }
  // IE 6
  if (document.documentElement && document.documentElement.clientHeight) {
   return document.documentElement.clientHeight;
  }
  // IE 5
  if (document.body) {
    return document.body.clientHeight;
  }
  // Just in case. 
  return 0;
}

function init() {
  map = new GMap(document.getElementById("map"));
  //map.addControl(new GSmallMapControl());
  map.addControl(new GLargeMapControl());
  map.setCenter(new GLatLng(centerLatitude, centerLongitude), startZoom);
  map.addControl(new GMapTypeControl());

  manager = new MarkerManager(map);
	
  // This is a sorting trick, don't worry too much about it.
  markers.sort(function(a, b) { return (a.abbr > b.abbr) ? +1 : -1; }); 
	
  batch = [];
  for(id in markers) {
	if (id >= 0) { 
    batch.push(createMarker(markers[id]));
	}
  }
  manager.addMarkers(batch, 11);
  manager.refresh();
}

window.onload = init;
window.onunload = GUnload;