function init_gmap() {
  var myLatlng = new google.maps.LatLng(52.0303428961953, 5.088764727115631);
  var myOptions = {
    zoom: 17,
    center: myLatlng,
    mapTypeId: google.maps.MapTypeId.SATELLITE,
    disableDefaultUI: true,
    disableDoubleClickZoom: true,
    draggable: false,
    scrollwheel: false
    
  }
  var map = new google.maps.Map(document.getElementById("gmap"), myOptions);
  
  var marker = new google.maps.Marker({
    position: myLatlng, 
    map: map, 
    icon: '../images/static/marker.png'
  }); 
  
  marker.metadata = {id : 'marker_kenm'}
  

  google.maps.event.addListener(marker, "click", function (e) {
    console.log(this);
    show_overlay(marker);
  });

  jQuery(window).bind('resize', function() {
    //var center = map.getCenter();
    map.setCenter(myLatlng); 
  });
}

jQuery(window).bind('resize', function(){
  resizeAction();
});

jQuery(document).ready(function(){
  resizeAction();
});

function resizeAction() {
  //Determine Window center
  var width = jQuery(window).width();
  var height = jQuery(window).height();
  
  if(width < 918) {
    jQuery('div#gmap').css({
      width : '918px'
    });
  }
  else {
    jQuery('div#gmap').css({
      width : '100%'
    });    
  }

  if(height < 821) {
    jQuery('div#gmap').css({
      height : '821px'
    });
  }
  else {
    jQuery('div#gmap').css({
      height : '100%'
    });    
  }

  var center_x = (width / 2) - 459;
  var center_y = (height / 2) - 260;
  
  //Minimals
  if(center_y < 150) {
    center_y = 150;
  }  
  
  if(center_x < 0) {
    center_x = 0;
  }
  
  //Set CSS
  jQuery('#contact-details').css({
    left : center_x +'px',
    top : center_y +'px'
  });
}
