var map;
var geocoder;

function load() {
var icon	= new GIcon();
icon.image	= "images/general/marker.png";
icon.iconSize	= new GSize(23, 34);
icon.iconAnchor = new GPoint(23, 34);
icon.infoWindowAnchor = new GPoint(10, 20);

var icon2	= new GIcon();
icon2.image	= "images/general/marker_future.png";
icon2.iconSize	= new GSize(23, 34);
icon2.iconAnchor = new GPoint(23, 34);
icon2.infoWindowAnchor = new GPoint(10, 20);

var map	= new GMap2(document.getElementById("Map"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
geocoder	= new GClientGeocoder();


// Set default map views for developments

// FUTURE 
map.setCenter(new GLatLng(51.62824753375082,0.49163818359375), 9);

function createMarker(point,icon, html) {
var marker = new GMarker(point, icon);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});
return marker;
}


// Set up markers with info windows 


var point = new GLatLng(51.55032476791267,0.615084171295166);
var marker = new createMarker (point, icon2,'<div class=\"MapInfo\"><h1>The View Park Chase</h1><p>one and two-bedroom luxury apartments located in Hadleigh, all with glorious, fa...</p> <p><a href="development1.htm">More Info</a></p></div>')
map.addOverlay(marker);


var point = new GLatLng(51.34062,1.236521);
var marker = new createMarker (point, icon2,'<div class=\"MapInfo\"><h1>Barwick Road</h1><p>Awaiting further details....</p> <p><a href="development7.htm">More Info</a></p></div>')
map.addOverlay(marker);


var point = new GLatLng(51.50601792624246,0.3565406799316406);
var marker = new createMarker (point, icon2,'<div class=\"MapInfo\"><h1>Baker Street</h1><p>Awaiting concept designs and further details....</p> <p><a href="development2.htm">More Info</a></p></div>')
map.addOverlay(marker);


var point = new GLatLng(51.530225831971734,0.7395172119140625);
var marker = new createMarker (point, icon2,'<div class=\"MapInfo\"><h1>Eastern Esplanade Concept</h1><p>Awaiting further details....</p> <p><a href="development4.htm">More Info</a></p></div>')
map.addOverlay(marker);


var point = new GLatLng(51.612167,0.609505);
var marker = new createMarker (point, icon2,'<div class=\"MapInfo\"><h1>Kiln Road</h1><p>Coming Soon...</p> <p><a href="development11.htm">More Info</a></p></div>')
map.addOverlay(marker);


var point = new GLatLng(51.559819,0.589245);
var marker = new createMarker (point, icon2,'<div class=\"MapInfo\"><h1>Lansdown Road and Post Office</h1><p>Awaiting further details....</p> <p><a href="development12.htm">More Info</a></p></div>')
map.addOverlay(marker);


var point = new GLatLng(51.510452,0.239296);
var marker = new createMarker (point, icon2,'<div class=\"MapInfo\"><h1>New Road</h1><p>Awaiting further details....</p> <p><a href="development13.htm">More Info</a></p></div>')
map.addOverlay(marker);


var point = new GLatLng(51.510452,0.239296);
var marker = new createMarker (point, icon2,'<div class=\"MapInfo\"><h1>The Leas</h1><p>Awaiting further details...</p> <p><a href="development14.htm">More Info</a></p></div>')
map.addOverlay(marker);


var point = new GLatLng(51.125102,1.300646);
var marker = new createMarker (point, icon2,'<div class=\"MapInfo\"><h1>Westmount</h1><p>Awaiting further details....</p> <p><a href="development16.htm">More Info</a></p></div>')
map.addOverlay(marker);


var point = new GLatLng(51.515593,0.42572);
var marker = new createMarker (point, icon2,'<div class=\"MapInfo\"><h1>Kings Street</h1><p>Awaiting further details....</p> <p><a href="development17.htm">More Info</a></p></div>')
map.addOverlay(marker);


var point = new GLatLng(51.554874,0.791702);
var marker = new createMarker (point, icon2,'<div class=\"MapInfo\"><h1>High House Farm</h1><p>Awaiting further details....</p> <p><a href="development18.htm">More Info</a></p></div>')
map.addOverlay(marker);

}

function MoveToPosition(Lon, Lat)
{
geocoder.panTo(new GLatLng(Lon,Lat), 14);
}