function initialize() {
    var styles = [
    {
        "featureType": "water",
        "elementType": "geometry",
        "stylers": [
            {
                "color": "#e9e9e9"
            },
            {
                "lightness": 17
            }
        ]
    },
    {
        "featureType": "landscape",
        "elementType": "geometry",
        "stylers": [
            {
                "color": "#f5f5f5"
            },
            {
                "lightness": 20
            }
        ]
    },
    {
        "featureType": "road.highway",
        "elementType": "geometry.fill",
        "stylers": [
            {
                "color": "#ffffff"
            },
            {
                "lightness": 17
            }
        ]
    },
    {
        "featureType": "road.highway",
        "elementType": "geometry.stroke",
        "stylers": [
            {
                "color": "#ffffff"
            },
            {
                "lightness": 29
            },
            {
                "weight": 0.2
            }
        ]
    },
    {
        "featureType": "road.arterial",
        "elementType": "geometry",
        "stylers": [
            {
                "color": "#ffffff"
            },
            {
                "lightness": 18
            }
        ]
    },
    {
        "featureType": "road.local",
        "elementType": "geometry",
        "stylers": [
            {
                "color": "#ffffff"
            },
            {
                "lightness": 16
            }
        ]
    },
    {
        "featureType": "poi",
        "elementType": "geometry",
        "stylers": [
            {
                "color": "#f5f5f5"
            },
            {
                "lightness": 21
            }
        ]
    },
    {
        "featureType": "poi.park",
        "elementType": "geometry",
        "stylers": [
            {
                "color": "#dedede"
            },
            {
                "lightness": 21
            }
        ]
    },
    {
        "elementType": "labels.text.stroke",
        "stylers": [
            {
                "visibility": "on"
            },
            {
                "color": "#ffffff"
            },
            {
                "lightness": 16
            }
        ]
    },
    {
        "elementType": "labels.text.fill",
        "stylers": [
            {
                "saturation": 36
            },
            {
                "color": "#333333"
            },
            {
                "lightness": 40
            }
        ]
    },
    {
        "elementType": "labels.icon",
        "stylers": [
            {
                "visibility": "off"
            }
        ]
    },
    {
        "featureType": "transit",
        "elementType": "geometry",
        "stylers": [
            {
                "color": "#f2f2f2"
            },
            {
                "lightness": 19
            }
        ]
    },
    {
        "featureType": "administrative",
        "elementType": "geometry.fill",
        "stylers": [
            {
                "color": "#fefefe"
            },
            {
                "lightness": 20
            }
        ]
    },
    {
        "featureType": "administrative",
        "elementType": "geometry.stroke",
        "stylers": [
            {
                "color": "#fefefe"
            },
            {
                "lightness": 17
            },
            {
                "weight": 1.2
            }
        ]
    }
];


    var center = new google.maps.LatLng(50.6042,16.2887);

    var styledMap = new google.maps.StyledMapType(styles,
    {name: "Za poklady Broumovska"});

    var mapCanvas = document.getElementById('map_style');
    var mapOptions = {
      center: center,
      zoom: 11,
      mapTypeId: google.maps.MapTypeId.ROADMAP,
      draggable: true,
      mapTypeControl: true,
      zoomControl: true,
      disableDefaultUI: true,
      mapTypeControlOptions: {
          mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'map_style']
          }
    }
    var map = new google.maps.Map(mapCanvas, mapOptions);

    map.mapTypes.set('map_style', styledMap);
    map.setMapTypeId('map_style');

        
        /* marker */
        var myLatLng = new google.maps.LatLng(50.6042,16.2887);
        
        var image = new google.maps.MarkerImage(
          'http://www.zapoklady.cz/images/marker-big.png',
          new google.maps.Size(40, 50),
          new google.maps.Point(0,0),
          new google.maps.Point(20,20)
        );
        
        var marker1 = new google.maps.Marker({
          position: myLatLng,
          map: map,
          icon: image,
          title: 'Za poklady Broumovska'
        });
        
        /*
        google.maps.event.addListener(marker1, "click", function(event) {
          window.open('https://www.google.cz/maps/place/...','_blank');
        });
        */
  }

  $(document).ready(function() {
    google.maps.event.addDomListener(window, 'load', initialize);
  });