function load() 
{
   
	var map = new GMap2(document.getElementById("map"));
       	map.addControl(new GSmallMapControl());
	map.addControl(new GMapTypeControl());       
	 
	//var xml = new ActiveXObject("Microsoft.XMLDOM")
	//xml.async=false;
	//xml.load("http://Localhost/GMaps/itelazpi.kml");
	
	var archivo="./kml/whiteSands.kml";
	var zoom=16;
	
	GDownloadUrl(archivo, function(data, responseCode) 
      	{
		
		var xml = GXml.parse(data);
		var placemark = xml.getElementsByTagName("Placemark");
		
		for (var j=0; j< placemark.length;j++)
		{
			
			var Nombre=placemark[j].getElementsByTagName("name");
			//alert(Nombre[0].childNodes[0].nodeValue);
			
			var punto= placemark[j].getElementsByTagName("LookAt");
			
			if (punto.length> 0) 
			{
				var lat=parseFloat(punto[0].getElementsByTagName("latitude")[0].childNodes[0].nodeValue);
				var lon=parseFloat(punto[0].getElementsByTagName("longitude")[0].childNodes[0].nodeValue);
				
				var point = new GLatLng(lat,lon);
				if (Nombre[0].childNodes[0].nodeValue=="centro")
				{
					map.setCenter(point, zoom );	
					map.setMapType(G_HYBRID_TYPE);
				}
				else
				{
					var icon = new GIcon();
					icon.image = "http://maps.google.com/mapfiles/kml/pal2/icon13.png";
					icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
					icon.iconSize = new GSize(32, 32);
					icon.shadowSize = new GSize(22, 20);
					icon.iconAnchor = new GPoint(6, 20);
					icon.infoWindowAnchor = new GPoint(10, 20);
	
					var marker=new GMarker(point,icon)
					//var marker=new GMarker(point)
					map.addOverlay(marker);
					
					var pagina=placemark[j].getElementsByTagName("description");
					//alert(pagina[0].childNodes[0].nodeValue);
					var mensaje="" 
					if (pagina.length>0)
					{
						mensaje=pagina[0].childNodes[0].nodeValue;
					}
					
					//marker.openInfoWindowHtml("<table><tr align=center><b><h3> Lamiako </h3> </b></tr><tr align=center><img src='lamiako.jpg' height='191' width='278' ></tr> <tr align=center> Pincha <a href='Lamiako3D.kml'> aqui  </a> para ver en google earth </tr> <br><br>");
					//marker.openInfoWindowHtml("<br> <b>"+Nombre[0].childNodes[0].nodeValue + "</b> <br> Pincha <a href='edu.kml'>aqui</a> para ver en google earth <br>");
					//GEvent.addListener(marker, "click", function() {
	    				//	marker.openInfoWindowHtml( punto[0].getElementsByTagName("latitude")[0].childNodes[0].nodeValue +' '+ punto[0].getElementsByTagName("longitude")[0].childNodes[0].nodeValue);
	    					//marker.openInfoWindowHtml( mensaje + "<br><a href='"+ archivo +"'> Ver google earth  </a>");
	  					//marker.openInfoWindowHtml(" <table><tr><b><h3> Arai-Hori </h3> </b></tr><tr><img src='imagenes/local.jpg' height='191' width='226' ></tr> <tr> <span style='font-size:10px;'> Pincha <a href='kml/araihori.kml'>aqui</a> para ver en Google Earth </tr> </span> <br><br>  ");
	  				
	  				//});
  				}
  			}
					
			
			//if (j==0)
			//{
			//	map.setCenter(new GLatLng(lat, lon), 13);	
			//}
			/* Initialization code. */
			
			
		}
	
	});		
	
	function handle(delta) 
	{
	 	if (delta<0)
		{
			map.setZoom(map.getZoom()-1);	
			
		}
		else if (map.getZoom()<18)
		{
			
			map.setZoom(map.getZoom()+1);	
	
		}
		
		
		
		
		
	}

	function wheel(event){
		var delta = 0;
		if (!event) event = window.event;
		if (event.wheelDelta) {
			delta = event.wheelDelta/120; 
			if (window.opera) delta = -delta;
		} else if (event.detail) {
			delta = -event.detail/3;
		}
		if (delta)
			handle(delta);
		
		if (event.preventDefault)
                event.preventDefault();
		event.returnValue = false;
	}

	if (window.addEventListener)
		window.addEventListener('DOMMouseScroll', wheel, false);
	window.onmousewheel = document.onmousewheel = wheel;
	
	
	
}