// JavaScript Document

  var mapLocatie = new google.maps.LatLng(51.26652,5.580907);
  var markerLocatie = new google.maps.LatLng(51.26652,5.580907);
  var marker;
  var map;
  
  var contentString = '<div id="markerContent">'+
    '<div id="siteNotice">'+
    '</div>'+
    '<div id="bodyContent">'+
	'<p>Rooymans Neckwear<br />\'t Inne 5, Budel (NL)</p>' +
    '</div>'+
    '</div>';

	var infowindow = new google.maps.InfoWindow({
		content: contentString,
		disableAutoPan: true,
		flat: true
	});

  function initialize() {

      var styles = [
          {
              stylers: [
                  { hue: "#ff5e00" },
                  { gamma: 1.09 },
                  { saturation: -83 },
                  { lightness: 3 }
              ]
          },{
              featureType: "road",
              elementType: "geometry",
              stylers: [
                  { lightness: 100 },
                  { visibility: "simplified" }
              ]
          },{
              featureType: "road",
              elementType: "labels",
              stylers: [
                  { visibility: "on" },
                  { saturation: -100 }
              ]
          }
      ];

      // Create a new StyledMapType object, passing it the array of styles,
      // as well as the name to be displayed on the map type control.
      var styledMap = new google.maps.StyledMapType(styles,
          {name: "Styled Map"});

      var mapOptions = {
          zoom: 14,
          mapTypeId: google.maps.MapTypeId.ROADMAP,
          disableDefaultUI: true,
          center: mapLocatie,

          mapTypeControlOptions: {
              mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'map_style']

          }
      };

    map = new google.maps.Map(document.getElementById("map_canvas"),
            mapOptions);

      //Associate the styled map with the MapTypeId and set it to display.
      map.mapTypes.set('map_style', styledMap);
      map.setMapTypeId('map_style');
          
    marker = new google.maps.Marker({
      map:map,
      draggable:true,
     // animation: google.maps.Animation.DROP,
	  icon: '/img/maps_icon.png',
	  title:"Rooymans Neckwear",
      position: markerLocatie
    });
	infowindow.open(map,marker);
	
	google.maps.event.addListener(marker, 'click', function() {
	  infowindow.open(map,marker);
	});
	
	google.maps.event.addListener(infowindow, "domready", function() {
	  setTimeout(function(){$("img[src$='iws3.png']").hide();},80);   
	});
	
  }

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