var iconRed = new GIcon(); 
iconRed.image = 'http://labs.google.com/ridefinder/images/mm_20_red.png';
iconRed.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
iconRed.iconSize = new GSize(12, 20);
iconRed.shadowSize = new GSize(22, 20);
iconRed.iconAnchor = new GPoint(6, 20);
iconRed.infoWindowAnchor = new GPoint(5, 1);

var iconGreen = new GIcon(); 
iconGreen.image = 'http://labs.google.com/ridefinder/images/mm_20_green.png';
iconGreen.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
iconGreen.iconSize = new GSize(12, 20);
iconGreen.shadowSize = new GSize(22, 20);
iconGreen.iconAnchor = new GPoint(6, 20);
iconGreen.infoWindowAnchor = new GPoint(5, 1);

var customIcons = [];
customIcons[1] = iconGreen;
customIcons[0] = iconRed;

var gmarkers = [];
    
function markers_laden(landCode,landLat1,landLat2,landLon1,landLon2,landZoom) {

    var map = new GMap2(document.getElementById("map"));
	map.setMapType(G_HYBRID_MAP);		
	map.addControl(new GScaleControl);
	map.addControl(new GLargeMapControl());	
	map.setCenter(new GLatLng(landLat1,landLat2, landLon1,landLon2), landZoom);
	
    GDownloadUrl("/inc/page/gear3/xml/getxmlshops.php?land=" + landCode, function(data) {
      var xml = GXml.parse(data);
      var markers = xml.documentElement.getElementsByTagName("marker");
      for (var i = 0; i < markers.length; i++) {
        var naam = markers[i].getAttribute("bedrijfsnaam");
        var adres = markers[i].getAttribute("adres");
        var postcode = markers[i].getAttribute("postcode");
        var plaats = markers[i].getAttribute("plaats");
        var shopinfo = markers[i].getAttribute("shopinfo");
        var online = markers[i].getAttribute("online");
        var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                                parseFloat(markers[i].getAttribute("lng")));
        var marker = createMarker(point, naam, adres, postcode, plaats, shopinfo, online);
        map.addOverlay(marker);
      }
    show(1);
    show(0);
    });
}

function createMarker(point, name, adres, postcode, plaats, shopinfo, online) {
	var marker = new GMarker(point, {icon:customIcons[online],title:name});
	var html = "<b><h1>" + name + "</h1></b><span class=\"tijd\">" + shopinfo + "</span><br/><a href=\"/gear/Shops/"+name+ "\">Bekijk details</a><br/>";
	marker.mycategory = online;                                 
	marker.myname = name;
	GEvent.addListener(marker, 'click', function() {
		marker.openInfoWindowHtml(html);
	});
	gmarkers.push(marker);
	return marker;
}

function show(category) {
	for (var i=0; i<gmarkers.length; i++) {
	  if (gmarkers[i].mycategory == category) {
	    gmarkers[i].show();
	  }
	}
	// check the checkbox ==
	document.getElementById(category+"box").checked = true;
}

function hide(category) {
	for (var i=0; i<gmarkers.length; i++) {
	  if (gmarkers[i].mycategory == category) {
	    gmarkers[i].hide();
	    gmarkers[i].closeInfoWindow();
	  }
	}
	// clear the checkbox ==
	document.getElementById(category+"box").checked = false;
	// close the info window, in case its open on a marker that we just hid
	//map.closeInfoWindow();
}


function boxclick(box,category) {
	if (box.checked) {
	  show(category);
	} else {
	  hide(category);
	}
}