/*
* Google maps setting and customization
*/

/*
* Just set the latitude and the longitude you prefer
*/
var lat = -22.911307;
var lng = -43.236178;


var map;
// setting position
var centerMap = new google.maps.LatLng(lat,lng);

var MY_MAPTYPE_ID = 'MAP';

function initialize() {


// Map Style
  var stylez = [
    {
    featureType: "all",
    stylers: [
      { saturation: -80 },
	  { hue: "#3F5765"}
    ]
  },{
    featureType: "road.arterial",
    elementType: "geometry",
    stylers: [
      { hue: "#00ffee" },
      { saturation: 50 }
    ]
  },{
	  featureType: "water",
	  elementType: "geometry",
	  stylers: [
	    { saturation: 20}
		]
  }
];
  // other option
  var mapOptions = {
    zoom: 14,
    center: centerMap,
    navigationControl: true,
    scaleControl: false,
    scrollwheel:false,
    mapTypeControl: false,
     mapTypeControlOptions: {
       mapTypeIds: [google.maps.MapTypeId.ROADMAP, MY_MAPTYPE_ID]
    },
    mapTypeId: MY_MAPTYPE_ID
  };
  map = new google.maps.Map(document.getElementById("map_canvas"),
      mapOptions);

  var styledMapOptions = {
    name: "MAP"
  };

  var jayzMapType = new google.maps.StyledMapType(stylez, styledMapOptions);

  map.mapTypes.set(MY_MAPTYPE_ID, jayzMapType);

// PLACEHOLDER / insert your own payoff Placeholder
  var image = 'images/segna.png';
  var myLatLng = new google.maps.LatLng(lat,lng);
  var beachMarker = new google.maps.Marker({
      position: myLatLng,
      map: map,
      icon: image
  });
}