function loadData()
{
  $.ajax({type: "POST", url: "/js/map-ajax.php", 
  data: { load: 'true' }
  }).done(function( res ) {
    r = jQuery.parseJSON( res );
    load( r );
  });
}

var drag;

if ($(window).width() < 768) {
  drag = false;
} else {
  drag = true;
}

// Initialisation function
function load( googlemap ) 
{

  // Look for each map
  for ( var divID in googlemap )
  {

    if( document.getElementById( divID ) )
    {
  
    var g = googlemap[ divID ];
    var image = '/images/map-marker.png';   
    var latlng = new google.maps.LatLng(g.lat,g.lng);
      
    var options = {
    zoom: 12,
    center: latlng,
    scrollwheel: false,
    navigationControl: false,
    mapTypeControl: false,
    scaleControl: false,
    draggable: drag,
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    
    styles : [
    {
        "featureType": "landscape",
        "elementType": "geometry",
        "stylers": [
            {
                "saturation": "-100"
            }
        ]
    },
    {
        "featureType": "poi",
        "elementType": "labels",
        "stylers": [
            {
                "visibility": "off"
            }
        ]
    },
    {
        "featureType": "poi",
        "elementType": "labels.text.stroke",
        "stylers": [
            {
                "visibility": "off"
            }
        ]
    },
    {
        "featureType": "road",
        "elementType": "labels.text",
        "stylers": [
            {
                "color": "#545454"
            }
        ]
    },
    {
        "featureType": "road",
        "elementType": "labels.text.stroke",
        "stylers": [
            {
                "visibility": "off"
            }
        ]
    },
    {
        "featureType": "road.highway",
        "elementType": "geometry.fill",
        "stylers": [
            {
                "saturation": "-87"
            },
            {
                "lightness": "-40"
            },
            {
                "color": "#ffffff"
            }
        ]
    },
    {
        "featureType": "road.highway",
        "elementType": "geometry.stroke",
        "stylers": [
            {
                "visibility": "off"
            }
        ]
    },
    {
        "featureType": "road.highway.controlled_access",
        "elementType": "geometry.fill",
        "stylers": [
            {
                "color": "#f0f0f0"
            },
            {
                "saturation": "-22"
            },
            {
                "lightness": "-16"
            }
        ]
    },
    {
        "featureType": "road.highway.controlled_access",
        "elementType": "geometry.stroke",
        "stylers": [
            {
                "visibility": "off"
            }
        ]
    },
    {
        "featureType": "road.highway.controlled_access",
        "elementType": "labels.icon",
        "stylers": [
            {
                "visibility": "on"
            }
        ]
    },
    {
        "featureType": "road.arterial",
        "elementType": "geometry.stroke",
        "stylers": [
            {
                "visibility": "off"
            }
        ]
    },
    {
        "featureType": "road.local",
        "elementType": "geometry.stroke",
        "stylers": [
            {
                "visibility": "off"
            }
        ]
    },
    {
        "featureType": "water",
        "elementType": "geometry.fill",
        "stylers": [
            {
                "saturation": "-52"
            },
            {
                "hue": "#00e4ff"
            },
            {
                "lightness": "-16"
            }
        ]
    }
]
    };
    
    var map = new google.maps.Map(document.getElementById( divID ), options);

    var marker = new google.maps.Marker({
    position: new google.maps.LatLng(g.lat, g.lng), 
    map: map,
    icon: image
    }); 

      var infowindow = new google.maps.InfoWindow({
      content: ''
      });   

    bindInfoWindow(marker, map, infowindow, g.info); 
  
    }
  }
}

function bindInfoWindow(marker, map, infowindow, html) { 
  google.maps.event.addListener(marker, 'click', function() { 
    infowindow.setContent(html); 
    infowindow.open(map, marker); 
  }); 
} 

/* google.maps.event.addDomListener(window, 'load', initialize); */

$(document).ready(function() { loadData(); } );