// initialise the map with your choice of API
var mapstraction; 
new Insertion.Top(document.getElementsByClassName('header')[0], '<div id="mapstraction" class="leightbox">&nbsp;</div>');
	
function loadmapstraction(latlonzoom, filter, edit, guid) {
		var llz_a = latlonzoom.split(",");
    var lat, lon, zoom;
    lat = parseFloat(llz_a[0]); lon = parseFloat(llz_a[1]); zoom = parseFloat(llz_a[2]);

		mapstraction = new Mapstraction('mapstraction','google');

		var myPoint = new LatLonPoint(lat,lon);
		// display the map centered on a latitude and longitude (Google zoom levels)
		mapstraction.setCenterAndZoom(myPoint, zoom);
		mapstraction.addControls({zoom: 'large', map_type: true});
		mapstraction.setMapType(Mapstraction.HYBRID);

		var itemdiv = '<div style="width: 300px; text-align: left"> <div class="spiffy "><b class="skbl-ocbl"><b class="skbl-ocbl1"><b></b></b><b class="skbl-ocbl2"><b></b></b><b class="skbl-ocbl3"></b><b class="skbl-ocbl4"></b><b class="skbl-ocbl5"></b></b><div class="skbl-ocbl_content"> <strong> </strong> <div class="spiffy "><b class="ltbl-skbl"><b class="ltbl-skbl1"><b></b></b><b class="ltbl-skbl2"><b></b></b><b class="ltbl-skbl3"></b><b class="ltbl-skbl4"></b><b class="ltbl-skbl5"></b></b><div class="ltbl-skbl_content"> <br/> <p><div id="itemContent" style="width: 200px"></div></p> <hr/> <a href="#" onclick="$(\'itemContent\').innerHTML=\'\';">Clear Box</a> </div> <b class="ltbl-skbl"><b class="ltbl-skbl5"></b><b class="ltbl-skbl4"></b><b class="ltbl-skbl3"></b><b class="ltbl-skbl2"><b></b></b><b class="ltbl-skbl1"><b></b></b></b></div> </div><b class="skbl-ocbl"><b class="skbl-ocbl5"></b><b class="skbl-ocbl4"></b><b class="skbl-ocbl3"></b><b class="skbl-ocbl2"><b></b></b><b class="skbl-ocbl1"><b></b></b></b></div> </div>';
		var itemcontrol = new HtmlControl(itemdiv);
		mapstraction.getMap().addControl(itemcontrol, new GControlPosition(G_ANCHOR_BOTTOM_LEFT, new GSize(10, 20)));

		var checked = "CHECKED";
		if (filter) {
			checked = "";
		}
		var editrow = "";
		if (edit) {
			editrow = '<tr><td align="right"></td><td><a href="http://mapufacture.com/feeds/1000504;edit?category=' + edit + '">Edit Map</a></td></tr>';
		}
		var layerdiv = '<div style="width: 200px; top:35px; position:absolute; font-size: 10px; text-align: left;"> \
<div class="spiffy "><b class="skbl-ocbl"><b class="skbl-ocbl1"><b></b></b><b class="skbl-ocbl2"><b></b></b><b class="skbl-ocbl3"></b><b class="skbl-ocbl4"></b><b class="skbl-ocbl5"></b></b><div class="skbl-ocbl_content"> \
		<strong>Layers and Tools</strong> \
    <div class="spiffy "><b class="ltbl-skbl"><b class="ltbl-skbl1"><b></b></b><b class="ltbl-skbl2"><b></b></b><b class="ltbl-skbl3"></b><b class="ltbl-skbl4"></b><b class="ltbl-skbl5"></b></b><div class="ltbl-skbl_content"> \
	<table style="font-size:10px"><tr><td width="40px"> \
		<input class="noborder" type="checkbox" onClick="javascript:mapstraction.toggleFilter(\'category\',\'contains\',\'country\'); mapstraction.doFilter(true);" CHECKED></td><td> Country Offices \
	</td></tr><!-- <tr><td> \
		<input class="noborder" type="checkbox" onClick="javascript:var t = mapstraction.getMapType(); if (t == Mapstraction.HYBRID) { mapstraction.setMapType(Mapstraction.SATELLITE); } else { mapstraction.setMapType(Mapstraction.HYBRID); }" CHECKED></td><td> Borders --> \
	</td></tr></table> \
	</td></tr></table> \
<hr/> \
	<table style="font-size:10px"> \
		<tr><td width="40px"><nobr><input class="noborder" type="checkbox" id="checkbox_policy" onClick="javascript:mapstraction.toggleFilter(\'category\',\'contains\',\'policy\'); mapstraction.doFilter(true);" ' + checked +'><img src="/uploads/public/File/eemap/icons/doc_16px.gif"/></nobr></td><td>Integrated Environmental Policies<br/><small>(SEA / ENVSEC / ODS&POPs)</small></td></tr> \
		<tr><td><input class="noborder" type="checkbox" id="checkbox_water" onClick="javascript:mapstraction.toggleFilter(\'category\',\'contains\',\'water\'); mapstraction.doFilter(true);" ' + checked +'><img src="/uploads/public/File/eemap/icons/water_16px.gif"/></td><td>Water Governance<br/><small>(WSS / Transboundary)</small></td></tr> \
		<tr><td><input class="noborder" type="checkbox" id="checkbox_biodiversity" onClick="javascript:mapstraction.toggleFilter(\'category\',\'contains\',\'biodiversity\'); mapstraction.doFilter(true);" ' + checked +'><img src="/uploads/public/File/eemap/icons/leaf_16px.gif"/></td><td>Biodiversity Conservation</td></tr> \
		<tr><td><input class="noborder" type="checkbox" id="checkbox_land" onClick="javascript:mapstraction.toggleFilter(\'category\',\'contains\',\'land\'); mapstraction.doFilter(true);" ' + checked +'><img src="/uploads/public/File/eemap/icons/shovel_16px.gif"/></td><td>Sustainable Land Management</td></tr> \
		<tr><td><input class="noborder" type="checkbox" id="checkbox_energy" onClick="javascript:mapstraction.toggleFilter(\'category\',\'contains\',\'energy\'); mapstraction.doFilter(true);" ' + checked +'><img src="/uploads/public/File/eemap/icons/sun_16px.gif"/></td><td>Energy & Climate Change<br/><small>(Mitigation & Adaptation)</small></td></tr> \
	</table> \
<hr/> \
	<table style="font-size:10px"> \
		<tr><td width="40px"></td><td><a href="#" onclick="mapstraction.setCenterAndZoom( new LatLonPoint(44.150681,44.34082), 4)">Zoom to Entire Region</a></td></tr>' + editrow + ' \
		<tr><td align="right"><a href="http://mapufacture.com/feeds/1000504.kml"><img src="/uploads/public/File/eemap/icons/kml_icon.png" border="0"></a></td><td><a href="http://mapufacture.com/feeds/1000504.kml">Open In Google Earth</a></td></tr> \
		<tr><td align="right"><a href="#" class="lbAction" rel="deactivate"><img border="0" src="/uploads/public/File/eemap/icons/cross.gif"/></a></td><td><a href="#" class="lbAction" rel="deactivate">Close Map</a></td></tr> \
	</table> \
    </div><b class="ltbl-skbl"><b class="ltbl-skbl5"></b><b class="ltbl-skbl4"></b><b class="ltbl-skbl3"></b><b class="ltbl-skbl2"><b></b></b><b class="ltbl-skbl1"><b></b></b></b></div> \
</div><b class="skbl-ocbl"><b class="skbl-ocbl5"></b><b class="skbl-ocbl4"></b><b class="skbl-ocbl3"></b><b class="skbl-ocbl2"><b></b></b><b class="skbl-ocbl1"><b></b></b></b></div> \
</div>';


		var layercontrol = new HtmlControl(layerdiv);
		mapstraction.getMap().addControl(layercontrol,new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(208,0)));

		if (filter) {
			mapstraction.addFilter('category','contains','country');
			var filter_a = filter.split(",");
			for (var i=0; i < filter_a.length; i++) {
				mapstraction.addFilter('category', 'contains', filter_a[i]);
				var cb = "checkbox_" + filter_a[i];
				if ($(cb)) {
					$(cb).checked = "CHECKED";
				}
			}
		} else {
			mapstraction.addFilter('category','contains','country');
			mapstraction.addFilter('category','contains','biodiversity');
			mapstraction.addFilter('category','contains','water');
			mapstraction.addFilter('category','contains','energy');
			mapstraction.addFilter('category','contains','policy');
			mapstraction.addFilter('category','contains','land');
		}

		georss = new MGeoRSS();
		if (guid) {
			georss.centerOnGuid(guid);
		}
		mapstraction.addMGeoRSS(georss);
		georss.load("/uploads/public/File/eemap/projects.xml");

		georss2 = new MGeoRSS();
		mapstraction.addMGeoRSS(georss2);
		georss2.load("/uploads/public/File/eemap/countries.xml");
	}