function createMarker(object)
{
	// make point
	var point = new GLatLng(object['project_latitude'], object['project_longitude']);
	// make marker
	var marker = new GMarker(point,markerOptions);
	GEvent.addListener(marker, "click", function() {
		
		// make a call to Analytics when a user clicks on a project
		javascript:pageTracker._trackPageview('/map/clickOn/' + object['project_title']);
		
	    var myHtml = "<div class=\"info_windowMsGM\"><h3 class=\"highlighted\">" + object['project_title'] + "</h3>";
	    myHtml += "<div class=\"titleDivide\"></div>";
		if(object['project_thumb_id']!=0)
		{
			if(object['project_has_photos'])
			{
		    	//myHtml += "<br><a href=\"/about/partnerships/groundwork/gallery/" + object['project_flickr_tag'] + "\">View photos</a>";
		    	myHtml += "<a href=\"http://www.flickr.com/groups/plana-groundwork/pool/tags/" + object['project_flickr_tag'] + "/show/\" title=\"View photos for " + object['project_title'] + ".\" target=\"_blank\" onClick=\"javascript:pageTracker._trackPageview('/map/flickr/" + object['project_title'] + "/slideshow');\">";
			}
			
			myHtml += "<img src=\"" + object['project_thumb_id'] + "\" alt=\"\" title=\"" + object['project_title'] + "\" />";
			
			if(object['project_has_photos'])
			{
				myHtml += "</a>";
			}
			
			pOpeningTag = "<p class=\"small\">"; 
			myHtml += pOpeningTag;
		}
		else
		{
			pOpeningTag = "<p class=\"wide\">"; 
			myHtml += pOpeningTag;
		}

		myHtml += object['project_overview'] + "<br>";
		
		
	    if(object['project_story_id']!=0)
		{
	    	myHtml += "<br><a href=\"" + object['project_story_id'] + "\" title=\"Read more\" class=\"read_more\" onClick=\"javascript:pageTracker._trackPageview('/map/story/" + object['project_title'] + "');\">Read more</a>";
		}

	    if(object['project_has_photos'])
		{
	    	//myHtml += "<br><a href=\"/about/partnerships/groundwork/gallery/" + object['project_flickr_tag'] + "\">View photos</a>";
	    	myHtml += "<br><a href=\"http://www.flickr.com/groups/plana-groundwork/pool/tags/" + object['project_flickr_tag'] + "/show/\" title=\"View photos for " + object['project_title'] + ".\" class=\"read_more\" target=\"_blank\" onClick=\"javascript:pageTracker._trackPageview('/map/flickr/" + object['project_title'] + "/slideshow');\">View photos</a>";
		}
		
	    myHtml += pOpeningTag + "(<a href=\"#flickrHelp\" title=\"Flickr tag for " + object['project_title'] + ". Read more...\">?</a>) ";
	    
	    myHtml += "Flickr tag: " + object['project_flickr_tag'];
	    
	    myHtml += "</p>" + pOpeningTag + "&nbsp;</p></div>";

	    //;onclick=\"new lightbox(this);\"
	    
	    marker.openInfoWindowHtml(myHtml);
	    
	    //alert(document.getElementById("lb_" + object['project_id']));
	    
	  });				
	return marker;
}

function buildMap()
{
	if (GBrowserIsCompatible()) {
	
		// create icon
		var groundworkIcon = new GIcon(G_DEFAULT_ICON);
		groundworkIcon.image = "/site_assets/images/global/icons/groundwork_pin.png";
		groundworkIcon.iconSize = new GSize(17, 17);
		groundworkIcon.shadow = false;
		groundworkIcon.iconAnchor = new GPoint(8.5, 8.5);
		
		// Set up our GMarkerOptions object
		markerOptions = { icon:groundworkIcon };
		
		map = new GMap2(document.getElementById("groundworkProjectsMap"));
		map.addControl(new GSmallZoomControl3D());
		map.setCenter(new GLatLng(54.7,-4.5), 5, G_PHYSICAL_MAP);
	
		for (var i in projectData)
		{
			if(projectData[i]['project_id'])
			{
				map.addOverlay(createMarker(projectData[i]));	
			}
		}
	}
}

window.onload = function () {buildMap();}