//<![CDATA[

var bounds = null;
var side_bar_html = "";
var gmarkers = []; // arrays to hold copies of the markers and html used by the side_bar because the function closure trick doesnt work there

function fit(fitmap){
 fitmap.setZoom(fitmap.getBoundsZoomLevel(bounds));
 fitmap.panTo(bounds.getCenter()); 
 console.log(bounds.getCenter());
}

// This function picks up the click and opens the corresponding info window
function myclick(i) {
 GEvent.trigger(gmarkers[i], "click");
}


// Create a base icon for all of our markers that specifies the shadow, icon dimensions, etc.
var baseIcon = new GIcon();
baseIcon.iconSize = new GSize(20, 20);
baseIcon.shadowSize = new GSize(20, 20);
baseIcon.iconAnchor = new GPoint(0, 0);
baseIcon.infoWindowAnchor = new GPoint(18, 18);
baseIcon.infoShadowAnchor = new GPoint(18, 18);
var Icon = new GIcon(baseIcon);


function load() {
 if (GBrowserIsCompatible()) {

var map = new GMap2(document.getElementById("map"));
var mapnear = new GMap2(document.getElementById("mapnear"));
bounds = new GLatLngBounds();

GEvent.addListener(map, "moveend", function() {
  var center = map.getCenter();
});

// Creates a marker at the given point with the given number label
// nearpoints[18] = new Array("Station",28,4.5329711,50.7708645, "12km", "Overijse"); 
function createMarker_map(pointz) {
 var nearpoint = new GLatLng(pointz[3], pointz[2]);
 var marker = new GMarker(nearpoint, {title:pointz[0]});
 GEvent.addListener(marker, "click", function() {
  marker.openInfoWindowHtml("<a href='place.php?na="+pointz[1]+"'>" + pointz[0]+ "</a>");
 });
 return marker;
}

function createMarker(pointz, nr) {
 Icon.image = "http://dododo.be/icon_"+(nr+1)+"_ci_red.gif";
 var nearpoint = new GLatLng(pointz[3], pointz[2]);
 var marker = new GMarker(nearpoint, {icon:Icon, title:pointz[0]});
 GEvent.addListener(marker, "click", function() {
  marker.openInfoWindowHtml("<a href='place.php?na="+pointz[1]+"'>" + pointz[0]+ "</a>");
 });
 gmarkers.push(marker);
 side_bar_html += (nr+1)+'. <a href="javascript:myclick(' + (gmarkers.length-1) + ')">' + pointz[0] + '<\/a>, ' + pointz[5] + ' (' + pointz[4] + ')<br>';
 return marker;
}

// add controls
map.addControl(new GSmallMapControl());
map.enableScrollWheelZoom();
map.enableDoubleClickZoom();
map.setCenter(new GLatLng(php_locy, php_locx), php_stdzoomsmall);
var pointe = new GLatLng(php_locy, php_locx);
var markere = createMarker_map(punt_map);
map.addOverlay(markere);

mapnear.addControl(new GSmallMapControl());
mapnear.enableScrollWheelZoom();
mapnear.enableDoubleClickZoom();
centerpunt = new GLatLng(php_locy, php_locx);
mapnear.setCenter(centerpunt, php_zoom);  // zoomlevel bepalen adhv alle zichtbare punten?
var markern = createMarker(punt_mapnear,0);
mapnear.addOverlay(markern);
drawCircle(mapnear, centerpunt, largestdistance, 36);
for (var i=0;i<nearpoints.length;i++) {
 var nearmarker = createMarker(nearpoints[i],(i+1));
 mapnear.addOverlay(nearmarker);
}

fit(mapnear);
document.getElementById("div_nearplace").innerHTML = side_bar_html;

 } else {
  alert("Sorry, the Google Maps API is not compatible with this browser");
 }
} // sluit load function

    //]]>