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 ,
  
  mapId: "mapsp_MAP_ID",
  // 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 markerPos1 = new google.maps.LatLng(51.579463,-0.169782);
 var marker1 = new google.maps.Marker({ position: markerPos1, map: map,icon: mapIconGreen,id: '208'});var iw1 = new google.maps.InfoWindow({
								content: "<div style=\"width:300px !important;\">49 The Bishops Avenue,&nbsp;&nbsp;Prices from £4,250,000&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 markerPos2 = new google.maps.LatLng(51.572528,-0.200521);
 var marker2 = new google.maps.Marker({ position: markerPos2, map: map,icon: mapIconGreen,id: '195'});var iw2 = new google.maps.InfoWindow({
								content: "<div style=\"width:300px !important;\">The Luxley,&nbsp;&nbsp;Prices from £1,500,000&nbsp;</div>"
								});google.maps.event.addListener(marker2, "mouseover", function (e) { iw2.open(map, this); }); google.maps.event.addListener(marker2, "mouseout", function (e) { iw2.close(map, this); });google.maps.event.addListener(marker2, '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(markerPos2);var markerPos3 = new google.maps.LatLng(51.57472336350837,-0.17187340095520032);
 var marker3 = new google.maps.Marker({ position: markerPos3, map: map,icon: mapIconGreen,id: '206'});var iw3 = new google.maps.InfoWindow({
								content: "<div style=\"width:300px !important;\">Riverstone Bishops Avenue,&nbsp;&nbsp;Prices from &pound;1,430,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.569827583945084,-0.1959770100646665);
 var marker4 = new google.maps.Marker({ position: markerPos4, map: map,icon: mapIconGreen,id: '125'});var iw4 = new google.maps.InfoWindow({
								content: "<div style=\"width:300px !important;\">The Beaumont,&nbsp;&nbsp;from £1,270,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.619026,-0.235321);
 var marker5 = new google.maps.Marker({ position: markerPos5, map: map,icon: mapIconGreen,id: '187'});var iw5 = new google.maps.InfoWindow({
								content: "<div style=\"width:300px !important;\">Mill Hill Place,&nbsp;&nbsp;£1,195,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.5683544,-0.1835594);
 var marker6 = new google.maps.Marker({ position: markerPos6, map: map,icon: mapIconGreen,id: '126'});var iw6 = new google.maps.InfoWindow({
								content: "<div style=\"width:300px !important;\">Mountview Close,&nbsp;&nbsp;Prices from £3,100,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);
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);
			}
	});

}