var map;
var markers = [];
var infoWindow;
var latlng;
var styledMap;

  function initialize( path ) {

  var styles = [{"featureType":"administrative","elementType":"labels.text.fill","stylers":[{"color":"#444444"}]},{"featureType":"administrative.land_parcel","elementType":"labels.text.stroke","stylers":[{"color":"#d7caca"}]},{"featureType":"landscape","elementType":"all","stylers":[{"color":"#f2f2f2"}]},{"featureType":"poi","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"road","elementType":"all","stylers":[{"saturation":-100},{"lightness":45}]},{"featureType":"road.highway","elementType":"all","stylers":[{"visibility":"simplified"}]},{"featureType":"road.arterial","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"transit","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"water","elementType":"all","stylers":[{"color":"#d7d2d2"},{"visibility":"on"}]}];

  styledMap = new google.maps.StyledMapType(styles, {name: "Jolly Sailor Brewery"});

    latlng = new google.maps.LatLng(53.787676, -1.060964);

    var myOptions = {
      zoom: 14,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
	
		map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
		
		marker = new google.maps.Marker({
        position: latlng,
        map: map,
        title: "Jolly Sailor Brewery",
        icon: '../images/map-icon.png'
    }); 

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