var gmarkers = [];
var htmls = [];
var i = 0;
var map;
var icon;
var tooltip;

function map_devs(e)	// smaller map displaying all developments.
{				
	// create the map
	map = new GMap2(document.getElementById(e));
			   
	icon = new GIcon();
	icon.image = "/mapgrx/blob.png";
	icon.iconSize = new GSize(10, 10);
	icon.iconAnchor = new GPoint(5, 5);
	icon.infoWindowAnchor = new GPoint(5, 5);
			
	//map.addControl(new GLargeMapControl());
	map.addControl(new GSmallMapControl());
	map.addControl(new GMapTypeControl());
	map.setCenter(new GLatLng(53.3882, -2.3530002),7);
			
	// ====== set up marker mouseover tooltip div ======
	tooltip = document.createElement("div");
	document.getElementById(e).appendChild(tooltip);
	tooltip.style.visibility="hidden";
			
	map.setMapType(G_HYBRID_MAP);	
}

function map_dev(e)	// larger development.php map
{
	// create the map
	map = new GMap2(document.getElementById(e));
	
	icon = new GIcon();
	icon.image = "/mapgrx/blob.png";
	icon.iconSize = new GSize(10, 10);
	icon.iconAnchor = new GPoint(5, 5);
	icon.infoWindowAnchor = new GPoint(5, 5);
	
	//map.addControl(new GLargeMapControl());
	map.addControl(new GSmallMapControl());
	map.addControl(new GMapTypeControl());
	map.setCenter(new GLatLng(53.3882, -2.3530002), 13);
	
	
	tooltip = document.createElement("div");
	document.getElementById(e).appendChild(tooltip);
	tooltip.style.visibility="hidden";	
	map.setMapType(G_HYBRID_MAP);
}


function showTooltip(marker) {
	tooltip.innerHTML = marker.tooltip;
	var point=map.getCurrentMapType().getProjection().fromLatLngToPixel(map.getBounds().getSouthWest(),map.getZoom());
	var offset=map.getCurrentMapType().getProjection().fromLatLngToPixel(marker.getPoint(),map.getZoom());
	var anchor=marker.getIcon().iconAnchor;
	var width=marker.getIcon().iconSize.width;
	var pos = new GControlPosition(G_ANCHOR_BOTTOM_LEFT, new GSize(offset.x - point.x - anchor.x + width,- offset.y + point.y +anchor.y)); 
	pos.apply(tooltip);
	tooltip.style.visibility="visible";
}


function createMarker(point,name,html,shortname) {
	var marker = new GMarker(point,icon);
	marker.tooltip = '<div class="tooltip">'+name+'</div>';
	
				GEvent.addListener(marker, "click", function() {
				
				var page="/development/"+shortname+"/";
				
				if( shortname == "bowlinggreen55" ){
					page = "http://www.bowlinggreen55.co.uk/";
				}
				
				window.location = page;
				//marker.openInfoWindowHtml(html);
			});
				
	
	GEvent.addListener(marker,"mouseover", function() {
		showTooltip(marker);
	});        
	GEvent.addListener(marker,"mouseout", function() {
		tooltip.style.visibility="hidden"
	});        
	gmarkers[i] = marker;
	htmls[i] = html;

	i++;
	
	return marker;	
}

function map_applyData() {
	
	map.getInfoWindow().hide();
	map.clearOverlays();
	gmarkers = [];
	htmls = [];
	i = 0;
	
			var point = new GLatLng(parseFloat(53.615222),parseFloat(-2.33798));
		// id = 7		
		var name = "Albemarle Place";
		var html = "albemarleplace";
		var shortname = "albemarleplace";
		var marker = createMarker(point,name,html,shortname);
		map.addOverlay(marker);
				var point = new GLatLng(parseFloat(53.175000),parseFloat(-2.206200));
		// id = 12		
		var name = "The Green";
		var html = "thegreen";
		var shortname = "thegreen";
		var marker = createMarker(point,name,html,shortname);
		map.addOverlay(marker);
				var point = new GLatLng(parseFloat(53.27783),parseFloat(-2.13457));
		// id = 16		
		var name = " Appledale";
		var html = "appledale";
		var shortname = "appledale";
		var marker = createMarker(point,name,html,shortname);
		map.addOverlay(marker);
				var point = new GLatLng(parseFloat(52.842607532817354),parseFloat(-2.465701103210449));
		// id = 18		
		var name = "King's Field Barns";
		var html = "kingsfieldbarns";
		var shortname = "kingsfieldbarns";
		var marker = createMarker(point,name,html,shortname);
		map.addOverlay(marker);
				var point = new GLatLng(parseFloat(52.842607532817354),parseFloat(-2.465701103210449));
		// id = 19		
		var name = "King's Field Houses";
		var html = "kingsfieldhouses";
		var shortname = "kingsfieldhouses";
		var marker = createMarker(point,name,html,shortname);
		map.addOverlay(marker);
				var point = new GLatLng(parseFloat(53.063690),parseFloat(-2.519800));
		// id = 21		
		var name = "Sleeper's Point";
		var html = "sleeperspoint";
		var shortname = "sleeperspoint";
		var marker = createMarker(point,name,html,shortname);
		map.addOverlay(marker);
				var point = new GLatLng(parseFloat(53.455399),parseFloat(-2.31184));
		// id = 29		
		var name = "Bowling Green 55";
		var html = "bowlinggreen55";
		var shortname = "bowlinggreen55";
		var marker = createMarker(point,name,html,shortname);
		map.addOverlay(marker);
				var point = new GLatLng(parseFloat(53.145432),parseFloat(-2.366567));
		// id = 32		
		var name = "The Hop Yard";
		var html = "hopyard";
		var shortname = "hopyard";
		var marker = createMarker(point,name,html,shortname);
		map.addOverlay(marker);
				var point = new GLatLng(parseFloat(53.730838),parseFloat(-1.576179));
		// id = 45		
		var name = "Tingley Hall";
		var html = "tingleyhall";
		var shortname = "tingleyhall";
		var marker = createMarker(point,name,html,shortname);
		map.addOverlay(marker);
				var point = new GLatLng(parseFloat(53.020119),parseFloat(-2.763051));
		// id = 46		
		var name = "St George's Rise";
		var html = "stgeorges";
		var shortname = "stgeorges";
		var marker = createMarker(point,name,html,shortname);
		map.addOverlay(marker);
		}


if (!GBrowserIsCompatible()){
	alert("Sorry, the Google Maps API is not compatible with this browser");
}
else{
		map_devs("FlashMapContainer");

	map_applyData();}