

function toggle(a,maxrec) {
	//alert('Show '+a+', maxrec '+maxrec);
	document.getElementById('result'+a).style.display='inline';
	for (i=1; i<=maxrec; i++){
		if (i!=a){
			document.getElementById('result'+i).style.display='none';
		}
	}	
}


     function createMarker(point,html,icon) {
        var marker = new GMarker(point,icon);
        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
        });
        return marker;
      }

   function ShowMeTheMap(datafile, lon, lat, lev){
    var map = new GMap(document.getElementById("map"));
	map.addControl(new GLargeMapControl());
    map.addControl(new GMapTypeControl());
	map.removeMapType(G_HYBRID_MAP);
	map.removeMapType(G_NORMAL_MAP);
	map.removeMapType(G_SATELLITE_MAP);
	
	map.setMapType(G_NORMAL_MAP);
	map.centerAndZoom(new GPoint(lon, lat), lev);

    var baseIcon = new GIcon();
    baseIcon.shadow = "http://www.pipercross.net/genimages/shadow50.png";
    baseIcon.iconSize = new GSize(20, 34); 
    baseIcon.shadowSize = new GSize(37, 34);
    baseIcon.image = "http://www.pipercross.net/genimages/marker_red.png";
    baseIcon.iconAnchor = new GPoint(6, 20);
    baseIcon.infoWindowAnchor = new GPoint(6, 20);
    
    var greenIcon = new GIcon( baseIcon );
    greenIcon.image = "http://www.pipercross.net/genimages/marker_green.png";

	var request = GXmlHttp.create();

	request.open("GET", datafile, true);
	request.onreadystatechange = function() {
	  if (request.readyState == 4) {
		var xmlDoc = request.responseXML;
		var markers = xmlDoc.documentElement.getElementsByTagName("marker");
		for (var i = 0; i < markers.length; i++) {
		  var point = new GPoint(parseFloat(markers[i].getAttribute("lng")),
								 parseFloat(markers[i].getAttribute("lat")));
		  var marker;
	
		  //var url = markers[i].getElementsByTagName("url")[0].firstChild.data;
		  var desc = markers[i].getElementsByTagName("desc")[0].firstChild.data;      
		  var city = markers[i].getElementsByTagName("city")[0].firstChild.data;      
		  var address1 = markers[i].getElementsByTagName("address1")[0].firstChild.data;      
		  var postcode = markers[i].getElementsByTagName("postcode")[0].firstChild.data;      
		  var tel = markers[i].getElementsByTagName("tel")[0].firstChild.data;      
	 
		  var link = "<div style=\"width:204px\" class=\"mapdetail\"><b>"+desc+"</b><br/>"+address1+"<br/>"+city+"<br/>"+postcode+"<br/><b>Tel: </b>"+tel+"</div>";
	
		  var result = markers[i].getAttribute("res");
		  if(result == "success" ) {
			marker = createMarker(point,link,greenIcon);
		  } else {
			marker = createMarker(point,link,baseIcon);
		  }
			map.addOverlay( marker )
			}
		}
	}
	request.send(null);
}

function IncludeJavaScript(jsFile)
{
document.write('<script type="text/javascript" src="'
+ jsFile + '"></script>');
}

IncludeJavaScript('/scripts/AC_RunActiveContent.js');
