// JavaScript Document
 fbPageOptions = {
    shadowType: 'halo',
    resizeDuration: 2,
    imageFadeDuration: 2.5,
    overlayFadeDuration: 1,
    navType: 'button',
	overlayOpacity: 60,
	color: 'white',
	innerBorder: 0,
	outerBorder: 0,
	roundBorder: 0,
	shadowSize: 24,
	showClose: true,
	imageClickCloses: true,
	controlsPos: 'tr',
	autoFitImages: true,
	sizeRatio:'4/3'
	
  };
  
  function initialize(page) {
  	var hengeloLatlng = new google.maps.LatLng(52.283922074879,6.812998652458191);
	var almeloLatlng = new google.maps.LatLng(52.332264324690684,6.650633811950684);
  
  	if ( page == 'hengelo' ) { 
		 var myOptions = {
		  zoom: 14,
		  center: hengeloLatlng,
		  mapTypeId: google.maps.MapTypeId.ROADMAP
		};

    	var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
	
		var contentString = '<div>'+		
			'<h2 id="title">Autobedrijf Maathuis Hengelo</h2>'+
			'<img src="images/hengelo-icon.jpg" border="0" width="100" height="75"/>';
			/*
			+
			'<form>'+
			'<input type="text" id="start" value="">'+
			'<input type="button" value="Zoek route" click="calcRouteHengelo()	"></form>'+
			'</div>';
			*/
		var infowindow = new google.maps.InfoWindow({
			content: contentString
		});
	
		var marker = new google.maps.Marker({
			clickable:true,
			position: hengeloLatlng,
			map: map,
			title:"Autobedrijf Maathuis Hengelo"
		});
		
		google.maps.event.addListener(marker, 'click', function() {
		  infowindow.open(map,marker);
		});
	
	}
	else if ( page == 'almelo' ) { 
		 var myOptions = {
		  zoom: 14,
		  center: almeloLatlng,
		  mapTypeId: google.maps.MapTypeId.ROADMAP
		};

    	var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
	
		var contentString = '<div>'+		
			'<h2 id="title">Autobedrijf Maathuis Almelo</h2>'+
			'<img src="images/almelo-icon.jpg" border="0" width="100" height="75"/>';
			/*
			+
			'<form>'+
			'<input type="text" id="start" value="">'+
			'<input type="button" value="Zoek route" click="calcRouteHengelo()	"></form>'+
			'</div>';
			*/
		var infowindow = new google.maps.InfoWindow({
			content: contentString
		});
	
		var marker = new google.maps.Marker({
			clickable:true,
			position: almeloLatlng,
			map: map,
			title:"Autobedrijf Maathuis Almelo"
		});
		
		google.maps.event.addListener(marker, 'click', function() {
		  infowindow.open(map,marker);
		});
	
	}
	else if ( page == "contact" ) { 
		var latlng = new google.maps.LatLng(52.31015787939094,6.6961669921875);
		var myOptions = {
		  zoom: 11,
		  center: latlng,
		  mapTypeId: google.maps.MapTypeId.ROADMAP
		};
		var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
		
		
		var contentString = '<div>'+		
			'<h2 id="title">Autobedrijf Maathuis Almelo</h2>'+
			'<img src="images/almelo-icon.jpg" border="0" width="185" height="123"/>'+
			'</div>';
		
		var infowindow = new google.maps.InfoWindow({
			content: contentString
		});
		
		var marker = new google.maps.Marker({
			clickable:true,
			position: almeloLatlng,
			map: map,
			title:"Autobedrijf Maathuis Almelo"
		});
		google.maps.event.addListener(marker, 'click', function() {
		  infowindow.open(map,marker);
		});
		
		
		var contentString2 = '<div>'+		
			'<h2 id="title">Autobedrijf Maathuis Hengelo</h2>'+
			'<img src="images/hengelo-icon.jpg" border="0" width="185" height="123"/>';
			/*
			+
			'<form>'+
			'<input type="text" id="start" value="">'+
			'<input type="button" value="Zoek route" click="calcRouteHengelo()	"></form>'+
			'</div>';
			*/
		var infowindow2 = new google.maps.InfoWindow({
			content: contentString2
		});
		
		var marker2 = new google.maps.Marker({
			clickable:true,
			position: hengeloLatlng,
			map: map,
			title:"Autobedrijf Maathuis Hengelo"
		});
		
		google.maps.event.addListener(marker2, 'click', function() {
		  infowindow2.open(map,marker2);
		});
		
		function calcRouteHengelo() {
		  var start = document.getElementById("start").value;
		  var end = document.getElementById("end").value;
		  var request = {
			origin:start, 
			destination:'Torenlaan 4 Hengelo',
			travelMode: google.maps.DirectionsTravelMode.DRIVING
		  };
		  directionsService.route(request, function(result, status) {
			if (status == google.maps.DirectionsStatus.OK) {
			  directionsDisplay.setDirections(result);
			}
		  });
		}
	}
	

  }