/**
 * @author Theo Bakker, WHELP.nl
 * @title 33
 */

//load Google Map
var address;
var geocoder;
var gmarkers = [];
var html;
var htmls =[];
var i = 0;
var icon;
var label;
var map;
var marker;
var markers;
var randomnumber;
var side_bar_html = "";
var xml;

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

	var map = new GMap2(document.getElementById("map"));
	var geocoder = new GClientGeocoder();
	//geocoder.setBaseCountryCode("nl");

	//add controls
    map.addControl(new GMapTypeControl());
	map.addControl(new GSmallMapControl());	
	

	//create randomnumber to prevent caching and retrieve xml file
	var randomnumber=Math.floor(Math.random()*11111)
    GDownloadUrl("http://www.uitinzwolle.nl/maps/multiple_data.php?random="+randomnumber, function(data, responseCode) {
    var xml = GXml.parse(data);

	//store markers in markers array
    var markers = xml.documentElement.getElementsByTagName("marker");

	// create marker icon
//med	var icon = new GIcon();
//med	icon.image = "http://www.uitinzwolle.nl/icon/map_10.png";
//med	icon.iconSize = new GSize(24, 23);
//med	icon.iconAnchor = new GPoint(0, 20);
//med	icon.infoWindowAnchor = new GPoint(5, 1);
		

	//loop over the markers array
    for (var i = 0; i < markers.length; i++) {
		var address = markers[i].getAttribute("address");
		var html = GXml.value(markers[i].getElementsByTagName("infowindow")[0]);
		var label = markers[i].getAttribute("label");
		
		var icon = new GIcon();
		icon.image = markers[i].getAttribute("icon");
			icon.iconSize = new GSize(30, 34);
			icon.iconAnchor = new GPoint(15, 34);
			icon.infoWindowAnchor = new GPoint(0, 0);
		showAddress(map,geocoder,address,html,label,icon);
    } //close for loop

  	}); //close GDownloadUrl
  } //close GBrowserIsCompatible
} //close load

//Create marker and set up event window
function createMarker(point,html,label,icon){
  var marker = new GMarker(point,icon);
  GEvent.addListener(marker, "click", function() {
     marker.openInfoWindowHtml(html);
  });
  // save the info we need to use later for the side_bar
//med  gmarkers[i] = marker;
//med  htmls[i] = html;
//med add a line to the side_bar html
//med  side_bar_html += '<a href="javascript:myclick(' + i + ')">' + label + '</a><br>';
//med  document.getElementById("side_bar").innerHTML = side_bar_html;
//med  i++;
  return marker;
}

//showAddress
function showAddress(map,geocoder,address,html,label,icon) {
  geocoder.getLatLng(
    address,
    function(point) {
      if (!point) {
//med  alert(address + " niet gevonden");
      } else {
       map.setCenter(point, 12);
        var marker = createMarker(point,html+'<br/><br/>'+address,label,icon);
        map.addOverlay(marker);
		map.addControl(new GMapTypeControl());
      }
    }
  );
}

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