// JavaScript Document
//<![CDATA[
		var iconBlue = new GIcon(); 
		iconBlue.image = '../images/misc/blue-circle.png';
		//iconBlue.shadow = '';
		iconBlue.iconSize = new GSize(10, 10);
		//iconBlue.shadowSize = new GSize(22, 20);
		iconBlue.iconAnchor = new GPoint(10, 10);
		iconBlue.infoWindowAnchor = new GPoint(5, 1);

		var iconGreen = new GIcon(); 
		iconGreen.image = '../images/misc/green-circle.png';
		//iconGreen.shadow = '';
		iconGreen.iconSize = new GSize(10, 10);
		//iconGreen.shadowSize = new GSize(22, 20);
		iconGreen.iconAnchor = new GPoint(10, 10);
		iconGreen.infoWindowAnchor = new GPoint(5, 1);

		var customIcons = [];
		customIcons["Seasonal"] = iconBlue;
		customIcons["YearRound"] = iconGreen;
		var markerGroups = { "Seasonal": [], "YearRound": []};

	<!--//sydney map center = 46.132266, -60.150146 -->

		function load() {
			if (GBrowserIsCompatible()) {
			var map = new GMap2(document.getElementById("map"));
			map.setCenter(new GLatLng(46.1822, -60.6501), 8);
			document.getElementById("YearRoundCheckbox").checked = true;
			document.getElementById("SeasonalCheckbox").checked = true;
			document.getElementById("labelsCheckbox").checked = true;
					// start adding 
					map.addControl(new GLargeMapControl());

			GDownloadUrl("maps/map_hotspotdata2.xml", function(data) {
				var xml = GXml.parse(data);
				var markers = xml.documentElement.getElementsByTagName("marker");
				for (var i = 0; i < markers.length; i++) {
				var name = markers[i].getAttribute("name");
				var label = markers[i].getAttribute("label");
				var desc = markers[i].getAttribute("desc");
				var type = markers[i].getAttribute("type");
				var linkURL = markers[i].getAttribute("linkURL");
				var linkName = markers[i].getAttribute("linkName");
				var src = markers[i].getAttribute("src");
				var address = markers[i].getAttribute("address");
				var email = markers[i].getAttribute("email");
				var phone = markers[i].getAttribute("phone");
				var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
										parseFloat(markers[i].getAttribute("lng")));
				var marker = createMarker(point, name, label, desc, type, linkURL, linkName, src, address, email, phone);
				map.addOverlay(marker);
				}
			});
			}
		}

		function createMarker(point, name, label, desc, type, linkURL, linkName, src, address, email, phone) {
			//var marker = new LabeledMarker(point, {icon: customIcons[type], labelText: label, labelOffset: new GSize(-10, -12)}); // horz, vert
			var marker = new LabeledMarker(point, {icon: customIcons[type]}); // horz, vert
			markerGroups[type].push(marker);
			//var html = "<b>" + name + "<\/b> <br/>" + desc + "<br/> <img src='" + img + "'/> <br/>" + "<br/><a target='_blank' href='http://" + linkURL +"'>LINK<\/a><br/>";
			GEvent.addListener(marker, 'mouseover', function() {
			marker.openInfoWindowHtml("<div id='mapWindow'><p><b>" + name +"<\/b><br/><em>"+type+"<\/em><br/>"+address+"<br/>"+phone+"<br/>"+email+"<br/><a target='_blank' href='"+linkURL+"'>"+linkName+"<\/a>"+ "<\/p><img src='" + src + "'/> <br/>" +"<\/div>");
			});
			return marker;
		}
		function toggleGroup(type) {
			for (var i = 0; i < markerGroups[type].length; i++) {
			var marker = markerGroups[type][i];
			if (marker.isHidden()) {
				marker.show();
			} else {
				marker.hide();
			}
			} 
		}

		//]]>