var icon;
    var map;

    function addKite(point,html,name) {
	var markerOps = new Object();

//	alert("addKite:point ("+ point.lat() + "," + point.lng()+ ") html=" + html + " name="+name );

	markerOps.icon      = icon;
	markerOps.title     = name;
	markerOps.clickable = true;

	var marker = new GMarker (point,markerOps);

	map.addOverlay(marker);

	GEvent.addListener(marker, "click", function() {
			marker.openInfoWindowHtml(html);});
    }

    function load() {
      if (GBrowserIsCompatible()) {

	var baseAddr      = "http://www.kite-spirit.com";
	var spotsBaseAddr = "spotkite_fichiers";
	var xmlUrl        = spotsBaseAddr+"/spots.xml"
	var center;
	var doc;

	map = new GMap2(document.getElementById("map"));
	map.addControl(new GSmallMapControl());
	map.addControl(new GMapTypeControl());

	icon = new GIcon ();
	icon.image = "http://www.kite-spirit.com/wingGMap.png";
	icon.iconAnchor = new GPoint(0,0);
//	icon.shadow = "wing.jpg"
	icon.iconSize = new GSize(30, 30);
//	icon.shadowSize = new GSize(20, 20);
	icon.iconAnchor = new GPoint(0, 0);
	icon.infoWindowAnchor = new GPoint(5, 1);

	var xmlDoc;

	// code for IE
	if (window.ActiveXObject)
	  {

	  function verify() {
	      // 0 Object is not initialized
	      // 1 Loading object is loading data
	      // 2 Loaded object has loaded data
	      // 3 Data from object can be worked with
	      // 4 Object completely initialized
	      if (xmlDoc.readyState != 4)
		  {
                  return false;
                 }
          
          }

	  xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
	  xmlDoc.async="false";
	  xmlDoc.onreadystatechange=verify;
	  xmlDoc.load(xmlUrl);

	  }
	// code for Mozilla, Firefox, Opera, etc.
	else 
	  {
	  
	  var req = new XMLHttpRequest();
	  req.open('GET', xmlUrl, false); 
	  req.send(null);

	  var parser=new DOMParser();
	  xmlDoc=parser.parseFromString(req.responseText,"text/xml");

	  }

	var xml = xmlDoc.documentElement;
	var coord_center = xml.getElementsByTagName("center");

	center =  new GLatLng(parseFloat(coord_center[0].getAttribute("lat")),
                              parseFloat(coord_center[0].getAttribute("lng")));

	map.setCenter(center, 11);

	var markers = xml.getElementsByTagName("marker");

        for (var i = 0; i < markers.length; i++) {
            var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
	                            parseFloat(markers[i].getAttribute("lng")));

            var url  = baseAddr      + '/spotkite.htm#'+markers[i].getAttribute("url");
	    var img  = baseAddr      + '/'             +markers[i].getAttribute("img");
	    var name = markers[i].getAttribute("name");
	    var html = "<b>" + name + "</b><br>";
	    html += "<a href='"+url+"'> <img src='" + img+"' width='159' height='104' alt='" + name + "'><br>" + name + "</a>";

	    addKite(point,html,name);
	    }
	}	
    }