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

// ESSEX
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.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.57267873873316,0.22863149642944336);
var marker = new createMarker (point, icon,'<div class=\"MapInfo\"><h1>Freeman Manor</h1><p>a stunning, individually designed newly-built, eight-bedroom manor house. One of...</p> <p><a href="development3.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.58338994192563,0.6130671501159668);
var marker = new createMarker (point, icon,'<div class=\"MapInfo\"><h1>Trinity Close</h1><p>A stunning new development in the heart of Rayleigh, with in easyaccess of the t...</p> <p><a href="development5.htm">More Info</a></p></div>')
map.addOverlay(marker);


var point = new GLatLng(51.58000316770964,0.6154060363769531);
var marker = new createMarker (point, icon,'<div class=\"MapInfo\"><h1>Whitehouse Village</h1><p>set conveniently in the heart of Rayleigh, this is a stunning development for th...</p> <p><a href="development6.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.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);
}