google.load("maps", "2.x"); var map;
var activeMarker=false;
var infowin;
            
function initialize() {
  map = new google.maps.Map2(document.getElementById("map_canvas"));
  map.enableScrollWheelZoom(); map.enableContinuousZoom();   
  map.removeMapType(G_NORMAL_MAP);   
  map.removeMapType(G_HYBRID_MAP);  
  map.addMapType(G_MAPMAKER_NORMAL_MAP);
  map.addMapType(G_MAPMAKER_HYBRID_MAP);   
  map.setMapType(G_MAPMAKER_NORMAL_MAP);       
  map.addControl(new GMapTypeControl());
  map.addControl(new GSmallMapControl());  
  map.setCenter(new google.maps.LatLng(43.2748, 76.935), 13); 
  setMarkers();
  infowin = map.getInfoWindow();
}
google.setOnLoadCallback(initialize);


function setMarkers(){
  var marker;
  for (var i in units){
    marker = createMarker( new GLatLng(units[i].field_lat_value, units[i].field_lng_value), units[i].nid, units[i].title );
    if (units[i].nid == activeMarkerId) activeMarker = marker; 
    map.addOverlay( marker );
  }
  if(activeMarker) openInfoWin(activeMarker);
}

function createMarker(point, nid, title) {
  var marker = new GMarker(point);
  marker.nid=nid;
  GEvent.addListener(marker, 'mouseover', function(){ openInfoWin(marker, true) } );
  return marker;
}


function openInfoWin(marker, over){
    if(over && activeMarker==marker && !infowin.isHidden()) return;
    activeMarker=marker;
    var info = document.createElement('div');
    $(info).css('width', '270').css('height', '135px').css('font-family', 'arial');
    $(info).load('/map/unit/'+marker.nid);
    marker.openInfoWindowHtml(info);
}