//<![CDATA[

    var map;
    var descrip = [];
    var title = [];
    var types = [];
    var points = [];

    function load() {
      if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map"));
	map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(35.590109361, -81.877069473), 16, G_SATELLITE_MAP);
	//GEvent.addListener(map, "moveend", function() {
	//	var center = map.getCenter();
	//	document.getElementById("message").innerHTML = "Center:"+center.toString();
	//} );
	//GEvent.addListener(map, "singlerightclick", function(pix) {
	//	document.getElementById("message").innerHTML = "Point:"+(map.fromDivPixelToLatLng(pix)).toString();
	//} );


	var request = GXmlHttp.create();
	request.open("GET", "cmapmarkup.xml", true);
	request.onreadystatechange = function() {
		if (request.readyState == 4) {
			var xmlDoc = GXml.parse(request.responseText);

			// obtain the array of markers and loop through it
			var markers = xmlDoc.documentElement.getElementsByTagName("marker");

			for (var i = 0; i < markers.length; i++) {
				// obtain the attribues of each marker
				var lat = parseFloat(markers[i].getAttribute("lat"));
				var lng = parseFloat(markers[i].getAttribute("lng"));
				var point = new GLatLng(lat,lng);
				var desc = markers[i].getAttribute("desc");
				var t = markers[i].getAttribute("title");
				var typ = parseInt(markers[i].getAttribute("type"));
				descrip[i] = desc;
				title[i] = t;
				points[i] = point;
				types[i] = typ;
			}
			addmarkers(1);
		}
	}
	request.send(null);

      } else {
	document.getElementById("maptitle").innerHTML = "<h1>Sorry, your browser will not support this Google Maps page!</h1>";
      }
    }
   

    function addmarkers( c) {
	map.clearOverlays();
	for(var i=0; i< types.length; i++) {
		if(types[i] == c) {
			var mtitle = title[i].toString();
			var marker = new GMarker(points[i], {title: mtitle});
			marker.value = i;
			GEvent.addListener(marker,"click",function() {
				var index = this.value;
				var text = "<b><i>"+title[index]+"</i></b>";
				if(descrip[index] != null) text += "<br /><small>"+descrip[index]+"</small>";
				this.openInfoWindowHtml(text.toString());
			});
			map.addOverlay(marker);
		}
	}
    }

    function showsites() {
	addmarkers(2);
	document.getElementById("maptitle").innerHTML = "<h1>Camp Sites</h1>";
    }

    function showareas() {
	addmarkers(1);
	document.getElementById("maptitle").innerHTML = "<h1>Program Areas</h1>";
    }

    function showbldgs() {
	addmarkers(3);
	document.getElementById("maptitle").innerHTML = "<h1>Buildings and Facilities</h1>";
    }

    function showfun() {
	addmarkers(4);
	document.getElementById("maptitle").innerHTML = "<h1>Afternoon Fun</h1>";
    }

    //]]>