$(document).ready(function()
	{
		if($("div#map").length > 0)
		{
			var latitude = 51.58991;
			var longitude = -2.99731;
			
			function createMarkerA(point, name, html)
				{
					var baseurl = $('meta[name=baseurl]').attr('content');
					var iconurl = baseurl + '/wp-content/themes/charter2010/images/gmap/';
					var myIcon = new GIcon();
					myIcon.image = iconurl + 'image.png';
					myIcon.printImage = iconurl + 'printImage.gif';
					myIcon.mozPrintImage = iconurl + 'mozPrintImage.gif';
					myIcon.iconSize = new GSize(74,44);
					myIcon.shadow = iconurl + 'shadow.png';
					myIcon.transparent = iconurl + 'transparent.png';
					myIcon.shadowSize = new GSize(96,44);
					myIcon.printShadow = iconurl + 'printShadow.gif';
					myIcon.iconAnchor = new GPoint(37,44);
					myIcon.infoWindowAnchor = new GPoint(37,0);
					myIcon.imageMap = [41,1,42,2,43,3,43,4,43,5,43,6,43,7,43,8,43,9,44,10,44,11,44,12,44,13,44,14,44,15,44,16,44,17,44,18,44,19,44,20,45,21,45,22,45,23,45,24,44,25,44,26,43,27,42,28,40,29,39,30,38,31,37,32,36,33,35,34,33,35,32,36,31,37,30,38,29,39,27,40,26,41,24,41,22,40,20,39,18,38,17,37,15,36,13,35,12,34,10,33,8,32,7,31,5,30,4,29,3,28,3,27,3,26,3,25,3,24,2,23,2,22,2,21,2,20,2,19,2,18,2,17,2,16,2,15,2,14,2,13,2,12,1,11,1,10,1,9,1,8,1,7,1,6,2,5,5,4,16,3,28,2,39,1];
	
					var marker = new GMarker(point, myIcon);
					GEvent.addListener(marker, 'click', function()
						{
							marker.openInfoWindowHtml(html);
						});
					return marker;
				}
			var map = new GMap2(document.getElementById("map"));
			map.addControl(new GLargeMapControl());
			map.addControl(new GMapTypeControl());
			map.setCenter(new GLatLng(latitude,longitude), 15);
			
			var point = new GLatLng(latitude,longitude);
			var html = '<div id="infoAnchorWindow">';
			html += $('div#info-anchor-window-text').html();
			html += '<p><a href="http://maps.google.com/maps?saddr=&daddr=' + point.toUrlValue() + '" target ="_blank">Directions<\/a></p>';
			html += '</div>';
			var marker = createMarkerA(point,'window', html);
			map.addOverlay(marker);
		}


		if($("div#voids-map").length > 0)
		{
			if(GBrowserIsCompatible())
			{
				var latitude = 51.58896;
				var longitude = -3.00137;
				
				var gmarkers = new Array();
				
				function createMarker(point, name, html)
				{
					var marker = new GMarker(point);
					GEvent.addListener(marker, "click", function()
						{
				  			marker.openInfoWindowHtml(html);
						});
					gmarkers.push(marker);
					return marker;
				}
				
				function myclick(i) {
					GEvent.trigger(gmarkers[i], "click");
				  }
				
				var map = new GMap2(document.getElementById("voids-map"));
				map.addControl(new GLargeMapControl());
				map.addControl(new GMapTypeControl());
				map.setCenter(new GLatLng( latitude,longitude), 10);
				
				GDownloadUrl("/voids/voids.xml", function(doc)
					{
						var xmlDoc = GXml.parse(doc);
						var markers = xmlDoc.documentElement.getElementsByTagName("marker");
						
						// loop through markers
						for (var i = 0; i < markers.length; i++)
						{
							var lat = parseFloat(markers[i].getAttribute("lat"));
							var lng = parseFloat(markers[i].getAttribute("lon"));
							var point = new GLatLng(lat,lng);
							var address = markers[i].getAttribute("address");
							var rent = markers[i].getAttribute("rent");
							var beds = markers[i].getAttribute("bedrooms");
							var maxpersons = markers[i].getAttribute("max_persons");
							var type = markers[i].getAttribute("type");
							
							// html
							var html = "<h3>" + type + "</h3>";
							html += "<p class='property-detail'>" + address + "</p>";
							html += "<p class='property-detail'>" + beds + "bedroom(s), " + maxpersons + " person(s)</p>";
							html += "<p class='rent'>&#163;" + rent + " per week</p>";
							
							// create marker
							var marker = createMarker(point, address, html);
							map.addOverlay(marker);
							
						}
					});
			}
		}
	});
