var map;
var allmarkers = [];

function InitMap()
{
	map = new GMap2(document.getElementById("map"));
}

function DrawMap(lat,lng,zoom)
{
	if (GBrowserIsCompatible()) 
    {
		map.addControl(new GLargeMapControl());
		map.setCenter(new GLatLng(lat,lng), zoom);
		map.addControl(new GMapTypeControl());
		//map.setCenter(new GLatLng(43.608529,3.879269), 6);
    }
}

function makeCategoryVisible(sCat, bVisible){
	for (var i in allmarkers) {
		var marker = allmarkers[i][0];
       	var icon = allmarkers[i][1];
       	
       	//marker.hide();
       	
       	if (icon == "huis.png" && sCat == "HUIS"){
			if (bVisible){
				marker.show();
			}else{
				marker.hide();
			}
       	}
       	
       	if (icon == "transport.png" && sCat == "TRANS"){
			if (bVisible){
				marker.show();
			}else{
				marker.hide();
			}
       	}
       	
       	if (icon == "info.png" && sCat == "INFO"){
			if (bVisible){
				marker.show();
			}else{
				marker.hide();
			}
       	}
	}
}

function addMarker(lat,lng,info, icon)
{
	var center = new GLatLng(lat,lng);
	//var point = new GLatLng(center.lat(),center.lng());
	
	// Create icon
    var newIcon = new GIcon(G_DEFAULT_ICON);
    newIcon.image = "./images/" + icon;
	newIcon.iconSize = new GSize(30, 30);
	newIcon.shadowSize = new GSize(0, 0);
	markerOptions = { icon:newIcon};
	
	var marker = new GMarker(center, markerOptions);
	
	map.addOverlay(marker);
		
	GEvent.addListener(marker,"mouseover",function(){
		marker.openInfoWindowHtml(info,{maxWidth:100, maxHeight: 200});
	});	
	
	var props = new Array();
	props[0] = marker;
	props[1] = icon;
	
	allmarkers.push(props);
	
	makeCategoryVisible("INFO",false);
	makeCategoryVisible("TRANS",false);
}


function initialize() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(37.4419, -122.1419), 13);
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());

        // Create our "tiny" marker icon
        var blueIcon = new GIcon(G_DEFAULT_ICON);
        blueIcon.image = "http://gmaps-samples.googlecode.com/svn/trunk/markers/blue/blank.png";
		
		// Set up our GMarkerOptions object
		markerOptions = { icon:blueIcon };

        // Add 10 markers to the map at random locations
        var bounds = map.getBounds();
        var southWest = bounds.getSouthWest();
        var northEast = bounds.getNorthEast();
        var lngSpan = northEast.lng() - southWest.lng();
        var latSpan = northEast.lat() - southWest.lat();
        for (var i = 0; i < 10; i++) {
          var latlng = new GLatLng(southWest.lat() + latSpan * Math.random(),
                                  southWest.lng() + lngSpan * Math.random());
          map.addOverlay(new GMarker(latlng, markerOptions));
        }
      }
    }