//<![CDATA[
    
    

    function load() {
    
      if (GBrowserIsCompatible()) {
	    var map = new GMap2(document.getElementById("map"));
		map.addControl(new GSmallMapControl());
		map.addControl(new GMapTypeControl());


// Following code remembers where the user was last looking
			/*		
					function getexpirydate( nodays){
var UTCstring;
Today = new Date();
nomilli=Date.parse(Today);
Today.setTime(nomilli+nodays*24*60*60*1000);
UTCstring = Today.toUTCString();
return UTCstring;
}
		
		function setcookie(name,value,duration){
cookiestring=name+"="+escape(value)+";EXPIRES="+getexpirydate(duration);
document.cookie=cookiestring;
}

function getcookie(cookiename) {
 var cookiestring=""+document.cookie;
 var index1=cookiestring.indexOf(cookiename);
 if (index1==-1 || cookiename=="") return ""; 
 var index2=cookiestring.indexOf(';',index1);
 if (index2==-1) index2=cookiestring.length; 
 return unescape(cookiestring.substring(index1+cookiename.length+1,index2));
}
		
		
		GEvent.addListener("moveend", function() {
setcookie('zoom',map.getZoom());
		});
		*/
		
		//Set where the map zoom and location
		/*
		lastzoom = getcookie("zoom");
				alert (lastzoom);
		if (isNan(lastzoom)) {
		lastzoom = 14;
		}
		
		*/
		map.setCenter(new GLatLng(50.820723,-0.139901), 13);
	

	var baseIcon = new GIcon(G_DEFAULT_ICON);
     	var recycleicon = new GIcon(baseIcon);
      	recycleicon.image = "images/recycle.png";
      	var foodicon = new GIcon(baseIcon);
      	foodicon.image = "images/food.png";

		
		// Creates a marker at the given point with the given number label
		function createMarker(point, name, info, url, icon) {
			var infop = "test";

			if (icon == "recycle") {
			var marker = new GMarker(point,recycleicon,false);	
					}
			else if (icon == "food") {
			var marker = new GMarker(point,foodicon,false);
			}	
			else {
			var marker = new GMarker(point, {title:name});
			}
			
			
			GEvent.addListener(marker, "click", function() {
				marker.openInfoWindowHtml("<div class=\"infowin\"><p id=\"name\">" + name + "</p><p id=\"info\">" + info + "</p><p id=\"url\"><a href=\"" + url + "\">" + url + "</a></p></div>");
			});
			return marker;
		}

// Create new location



		GDownloadUrl("data/data.xml", function(data, responseCode) {
			var info = new Array();
			var name = new Array();
			var url = new Array();
			var icon = new Array();
			var xml = GXml.parse(data);
			var markers = xml.documentElement.getElementsByTagName("marker");
			for (var i = 0; i < markers.length; i++) {
			    var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
		        parseFloat(markers[i].getAttribute("lng")));
		        name[i] = markers[i].getAttribute("name");
		        info[i] = markers[i].getAttribute("info");
		      
		        url[i] = markers[i].getAttribute("url");
		        icon[i] = markers[i].getAttribute("icon");
			                            
			    map.addOverlay(createMarker(point, name[i], info[i], url[i],icon[i]));
		  	}
		});
	}
}



    //]]>