// JavaScript Document
	
var mapLocatie = new google.maps.LatLng(51.276431,5.741290);
var markerLocatie = new google.maps.LatLng(51.276431,5.741290);
var marker;
var map;
	
function initialize() {
	  
	var styles = [
		{
			stylers: [
		  	{ hue: "#ffb300" },
		  	{ saturation: -80 },
		  	{ lightness: 3 },
		  	{ gamma: 0.9 },
		  	{ weight: 2.1 }
		]
		},{
			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: 5,
		center: mapLocatie,
		mapTypeId: google.maps.MapTypeId.ROADMAP,
		mapTypeControl: true,
		mapTypeControlOptions: {
			style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
			position: google.maps.ControlPosition.BOTTOM_CENTER
		},
		panControl: true,
		panControlOptions: {
			position: google.maps.ControlPosition.TOP_RIGHT
		},
		zoomControl: true,
		zoomControlOptions: {
			style: google.maps.ZoomControlStyle.LARGE,
			position: google.maps.ControlPosition.LEFT_TOP
		},
		streetViewControl: false,
		streetViewControlOptions: {
			position: google.maps.ControlPosition.LEFT_TOP
		}
	}
		
	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,
		icon: '/img/orange_marker.png',
		position: markerLocatie
	});
			
}
google.maps.event.addDomListener(window, 'load', initialize);