var map;
var  bounds;

var mapIconGold = _gdoc_root+'img/map-icon-gold.png';
var mapIconGreen = _gdoc_root+'img/map-icon-green.png';
window.onload = function () {

	var styles = [
		{ "elementType": "labels.text.fill", "stylers": [ { "visibility": "on" }, { "color": "#245C40" } ] }
	  ];
	  
var markerPosHardCoded = new google.maps.LatLng(51.5782854,-0.1779822);
// var markerPos02 = new google.maps.LatLng(51.560686,-0.18571);

var options = {
  // center: markerPos01,
  // zoom: 16,
  scrollwheel: false, //prevents the map zooming when the user is scroll-wheeling the web page
  disableDefaultUI: false ,
  // mapTypeControlOptions: {
     // mapTypeIds: [google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.SATELLITE]
  // }
  };

var div = document.getElementById('propertyMap');
map = new google.maps.Map(div, options);

bounds = new google.maps.LatLngBounds();

var markerPos0 = new google.maps.LatLng(51.5804992,-0.1682666);
 var marker0 = new google.maps.Marker({ position: markerPos0, map: map,icon: mapIconGreen,id: '110'});var iw0 = new google.maps.InfoWindow({
								content: "<div style=\"width:300px !important;\">49 The Bishops Avenue,&nbsp;&nbsp;£2,950,000&nbsp;</div>"
								});google.maps.event.addListener(marker0, "mouseover", function (e) { iw0.open(map, this); }); google.maps.event.addListener(marker0, "mouseout", function (e) { iw0.close(map, this); });google.maps.event.addListener(marker0, 'click', function() {  if ($('#map_'+this.id).length > 0 ) {
										$('html, body').animate({
										scrollTop: $('#map_'+this.id).offset().top}, 2000);
									}else{
										//Make Ajax cal to get the DIV
										
										var i = new ajaxVars;
										i.incModule = "common";
										i.vars["action"] = "runFunction";
										i.vars["func"] = "getPropDiv";
										i.vars["nosplit"] = 1;
										i.vars["type"] = 'all';
										i.vars["from_price"] = '0';
										i.vars["to_price"] = '10000000';
										i.vars["orderBy"] = 'DESC';
										i.vars["page"] = selPage;
										i.vars["rental"] = '2';
										i.vars["location"] = '';
										i.vars["latest"] = '';
										i.vars["latestFlag"] = '';
										i.vars["showFav"] = '0';
										i.vars["sold"] = '';
										i.vars["id"] = this.id;
										i.fnVars["id"] = this.id;
										i.gotoFunction = "propDivAdd";
										i.AjaxPostSQL()
									}});bounds.extend(markerPos0);var markerPos1 = new google.maps.LatLng(51.569732,-0.193085);
 var marker1 = new google.maps.Marker({ position: markerPos1, map: map,icon: mapIconGreen,id: '198'});var iw1 = new google.maps.InfoWindow({
								content: "<div style=\"width:300px !important;\">West Heath Place,&nbsp;&nbsp;Prices from £2750000&nbsp;</div>"
								});google.maps.event.addListener(marker1, "mouseover", function (e) { iw1.open(map, this); }); google.maps.event.addListener(marker1, "mouseout", function (e) { iw1.close(map, this); });google.maps.event.addListener(marker1, 'click', function() {  if ($('#map_'+this.id).length > 0 ) {
										$('html, body').animate({
										scrollTop: $('#map_'+this.id).offset().top}, 2000);
									}else{
										//Make Ajax cal to get the DIV
										
										var i = new ajaxVars;
										i.incModule = "common";
										i.vars["action"] = "runFunction";
										i.vars["func"] = "getPropDiv";
										i.vars["nosplit"] = 1;
										i.vars["type"] = 'all';
										i.vars["from_price"] = '0';
										i.vars["to_price"] = '10000000';
										i.vars["orderBy"] = 'DESC';
										i.vars["page"] = selPage;
										i.vars["rental"] = '2';
										i.vars["location"] = '';
										i.vars["latest"] = '';
										i.vars["latestFlag"] = '';
										i.vars["showFav"] = '0';
										i.vars["sold"] = '';
										i.vars["id"] = this.id;
										i.fnVars["id"] = this.id;
										i.gotoFunction = "propDivAdd";
										i.AjaxPostSQL()
									}});bounds.extend(markerPos1);var markerPos3 = new google.maps.LatLng(51.57156821629684,-0.1895397449218308);
 var marker3 = new google.maps.Marker({ position: markerPos3, map: map,icon: mapIconGreen,id: '143'});var iw3 = new google.maps.InfoWindow({
								content: "<div style=\"width:300px !important;\">Hampstead Reach,&nbsp;&nbsp;Prices from £1,425,000&nbsp;</div>"
								});google.maps.event.addListener(marker3, "mouseover", function (e) { iw3.open(map, this); }); google.maps.event.addListener(marker3, "mouseout", function (e) { iw3.close(map, this); });google.maps.event.addListener(marker3, 'click', function() {  if ($('#map_'+this.id).length > 0 ) {
										$('html, body').animate({
										scrollTop: $('#map_'+this.id).offset().top}, 2000);
									}else{
										//Make Ajax cal to get the DIV
										
										var i = new ajaxVars;
										i.incModule = "common";
										i.vars["action"] = "runFunction";
										i.vars["func"] = "getPropDiv";
										i.vars["nosplit"] = 1;
										i.vars["type"] = 'all';
										i.vars["from_price"] = '0';
										i.vars["to_price"] = '10000000';
										i.vars["orderBy"] = 'DESC';
										i.vars["page"] = selPage;
										i.vars["rental"] = '2';
										i.vars["location"] = '';
										i.vars["latest"] = '';
										i.vars["latestFlag"] = '';
										i.vars["showFav"] = '0';
										i.vars["sold"] = '';
										i.vars["id"] = this.id;
										i.fnVars["id"] = this.id;
										i.gotoFunction = "propDivAdd";
										i.AjaxPostSQL()
									}});bounds.extend(markerPos3);var markerPos4 = new google.maps.LatLng(51.572528,-0.200521);
 var marker4 = new google.maps.Marker({ position: markerPos4, map: map,icon: mapIconGreen,id: '195'});var iw4 = new google.maps.InfoWindow({
								content: "<div style=\"width:300px !important;\">The Luxley,&nbsp;&nbsp;Prices from &pound;1,350,000&nbsp;</div>"
								});google.maps.event.addListener(marker4, "mouseover", function (e) { iw4.open(map, this); }); google.maps.event.addListener(marker4, "mouseout", function (e) { iw4.close(map, this); });google.maps.event.addListener(marker4, 'click', function() {  if ($('#map_'+this.id).length > 0 ) {
										$('html, body').animate({
										scrollTop: $('#map_'+this.id).offset().top}, 2000);
									}else{
										//Make Ajax cal to get the DIV
										
										var i = new ajaxVars;
										i.incModule = "common";
										i.vars["action"] = "runFunction";
										i.vars["func"] = "getPropDiv";
										i.vars["nosplit"] = 1;
										i.vars["type"] = 'all';
										i.vars["from_price"] = '0';
										i.vars["to_price"] = '10000000';
										i.vars["orderBy"] = 'DESC';
										i.vars["page"] = selPage;
										i.vars["rental"] = '2';
										i.vars["location"] = '';
										i.vars["latest"] = '';
										i.vars["latestFlag"] = '';
										i.vars["showFav"] = '0';
										i.vars["sold"] = '';
										i.vars["id"] = this.id;
										i.fnVars["id"] = this.id;
										i.gotoFunction = "propDivAdd";
										i.AjaxPostSQL()
									}});bounds.extend(markerPos4);var markerPos5 = new google.maps.LatLng(51.569827583945084,-0.1959770100646665);
 var marker5 = new google.maps.Marker({ position: markerPos5, map: map,icon: mapIconGreen,id: '125'});var iw5 = new google.maps.InfoWindow({
								content: "<div style=\"width:300px !important;\">The Beaumont,&nbsp;&nbsp;from £1,270,000&nbsp;</div>"
								});google.maps.event.addListener(marker5, "mouseover", function (e) { iw5.open(map, this); }); google.maps.event.addListener(marker5, "mouseout", function (e) { iw5.close(map, this); });google.maps.event.addListener(marker5, 'click', function() {  if ($('#map_'+this.id).length > 0 ) {
										$('html, body').animate({
										scrollTop: $('#map_'+this.id).offset().top}, 2000);
									}else{
										//Make Ajax cal to get the DIV
										
										var i = new ajaxVars;
										i.incModule = "common";
										i.vars["action"] = "runFunction";
										i.vars["func"] = "getPropDiv";
										i.vars["nosplit"] = 1;
										i.vars["type"] = 'all';
										i.vars["from_price"] = '0';
										i.vars["to_price"] = '10000000';
										i.vars["orderBy"] = 'DESC';
										i.vars["page"] = selPage;
										i.vars["rental"] = '2';
										i.vars["location"] = '';
										i.vars["latest"] = '';
										i.vars["latestFlag"] = '';
										i.vars["showFav"] = '0';
										i.vars["sold"] = '';
										i.vars["id"] = this.id;
										i.fnVars["id"] = this.id;
										i.gotoFunction = "propDivAdd";
										i.AjaxPostSQL()
									}});bounds.extend(markerPos5);var markerPos6 = new google.maps.LatLng(51.61774,-0.225496);
 var marker6 = new google.maps.Marker({ position: markerPos6, map: map,icon: mapIconGreen,id: '151'});var iw6 = new google.maps.InfoWindow({
								content: "<div style=\"width:300px !important;\">Rosary Manor,&nbsp;&nbsp;Prices start from &pound;1,000,000&nbsp;</div>"
								});google.maps.event.addListener(marker6, "mouseover", function (e) { iw6.open(map, this); }); google.maps.event.addListener(marker6, "mouseout", function (e) { iw6.close(map, this); });google.maps.event.addListener(marker6, 'click', function() {  if ($('#map_'+this.id).length > 0 ) {
										$('html, body').animate({
										scrollTop: $('#map_'+this.id).offset().top}, 2000);
									}else{
										//Make Ajax cal to get the DIV
										
										var i = new ajaxVars;
										i.incModule = "common";
										i.vars["action"] = "runFunction";
										i.vars["func"] = "getPropDiv";
										i.vars["nosplit"] = 1;
										i.vars["type"] = 'all';
										i.vars["from_price"] = '0';
										i.vars["to_price"] = '10000000';
										i.vars["orderBy"] = 'DESC';
										i.vars["page"] = selPage;
										i.vars["rental"] = '2';
										i.vars["location"] = '';
										i.vars["latest"] = '';
										i.vars["latestFlag"] = '';
										i.vars["showFav"] = '0';
										i.vars["sold"] = '';
										i.vars["id"] = this.id;
										i.fnVars["id"] = this.id;
										i.gotoFunction = "propDivAdd";
										i.AjaxPostSQL()
									}});bounds.extend(markerPos6);var markerPos7 = new google.maps.LatLng(51.56571688850167,-0.19623123117447294);
 var marker7 = new google.maps.Marker({ position: markerPos7, map: map,icon: mapIconGreen,id: '188'});var iw7 = new google.maps.InfoWindow({
								content: "<div style=\"width:300px !important;\">West Heath Place,&nbsp;&nbsp;Prices from £950,000&nbsp;</div>"
								});google.maps.event.addListener(marker7, "mouseover", function (e) { iw7.open(map, this); }); google.maps.event.addListener(marker7, "mouseout", function (e) { iw7.close(map, this); });google.maps.event.addListener(marker7, 'click', function() {  if ($('#map_'+this.id).length > 0 ) {
										$('html, body').animate({
										scrollTop: $('#map_'+this.id).offset().top}, 2000);
									}else{
										//Make Ajax cal to get the DIV
										
										var i = new ajaxVars;
										i.incModule = "common";
										i.vars["action"] = "runFunction";
										i.vars["func"] = "getPropDiv";
										i.vars["nosplit"] = 1;
										i.vars["type"] = 'all';
										i.vars["from_price"] = '0';
										i.vars["to_price"] = '10000000';
										i.vars["orderBy"] = 'DESC';
										i.vars["page"] = selPage;
										i.vars["rental"] = '2';
										i.vars["location"] = '';
										i.vars["latest"] = '';
										i.vars["latestFlag"] = '';
										i.vars["showFav"] = '0';
										i.vars["sold"] = '';
										i.vars["id"] = this.id;
										i.fnVars["id"] = this.id;
										i.gotoFunction = "propDivAdd";
										i.AjaxPostSQL()
									}});bounds.extend(markerPos7);var markerPos8 = new google.maps.LatLng(51.564754,-0.196653);
 var marker8 = new google.maps.Marker({ position: markerPos8, map: map,icon: mapIconGreen,id: '156'});var iw8 = new google.maps.InfoWindow({
								content: "<div style=\"width:300px !important;\">The Lexington,&nbsp;&nbsp;Prices from £825,000&nbsp;</div>"
								});google.maps.event.addListener(marker8, "mouseover", function (e) { iw8.open(map, this); }); google.maps.event.addListener(marker8, "mouseout", function (e) { iw8.close(map, this); });google.maps.event.addListener(marker8, 'click', function() {  if ($('#map_'+this.id).length > 0 ) {
										$('html, body').animate({
										scrollTop: $('#map_'+this.id).offset().top}, 2000);
									}else{
										//Make Ajax cal to get the DIV
										
										var i = new ajaxVars;
										i.incModule = "common";
										i.vars["action"] = "runFunction";
										i.vars["func"] = "getPropDiv";
										i.vars["nosplit"] = 1;
										i.vars["type"] = 'all';
										i.vars["from_price"] = '0';
										i.vars["to_price"] = '10000000';
										i.vars["orderBy"] = 'DESC';
										i.vars["page"] = selPage;
										i.vars["rental"] = '2';
										i.vars["location"] = '';
										i.vars["latest"] = '';
										i.vars["latestFlag"] = '';
										i.vars["showFav"] = '0';
										i.vars["sold"] = '';
										i.vars["id"] = this.id;
										i.fnVars["id"] = this.id;
										i.gotoFunction = "propDivAdd";
										i.AjaxPostSQL()
									}});bounds.extend(markerPos8);var markerPos9 = new google.maps.LatLng(51.5759692,-0.20624559999998837);
 var marker9 = new google.maps.Marker({ position: markerPos9, map: map,icon: mapIconGreen,id: '85'});var iw9 = new google.maps.InfoWindow({
								content: "<div style=\"width:300px !important;\">Belview Lodge,&nbsp;&nbsp;£1,700,000&nbsp;</div>"
								});google.maps.event.addListener(marker9, "mouseover", function (e) { iw9.open(map, this); }); google.maps.event.addListener(marker9, "mouseout", function (e) { iw9.close(map, this); });google.maps.event.addListener(marker9, 'click', function() {  if ($('#map_'+this.id).length > 0 ) {
										$('html, body').animate({
										scrollTop: $('#map_'+this.id).offset().top}, 2000);
									}else{
										//Make Ajax cal to get the DIV
										
										var i = new ajaxVars;
										i.incModule = "common";
										i.vars["action"] = "runFunction";
										i.vars["func"] = "getPropDiv";
										i.vars["nosplit"] = 1;
										i.vars["type"] = 'all';
										i.vars["from_price"] = '0';
										i.vars["to_price"] = '10000000';
										i.vars["orderBy"] = 'DESC';
										i.vars["page"] = selPage;
										i.vars["rental"] = '2';
										i.vars["location"] = '';
										i.vars["latest"] = '';
										i.vars["latestFlag"] = '';
										i.vars["showFav"] = '0';
										i.vars["sold"] = '';
										i.vars["id"] = this.id;
										i.fnVars["id"] = this.id;
										i.gotoFunction = "propDivAdd";
										i.AjaxPostSQL()
									}});bounds.extend(markerPos9);
map.setCenter(bounds.getCenter());
map.fitBounds(bounds);

		zoomChangeBoundsListener = 
		google.maps.event.addListenerOnce(map, 'bounds_changed', function(event) {
			if (map.getZoom()){
				map.setCenter(new google.maps.LatLng(51.5711882,-0.1490688));
				map.setZoom(11);
			}
	});

}