// JavaScript Document
/*
document.write(
	'<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=' +
	{
		'www.vmf-battery.com': 'ABQIAAAAjc2R0wyBj7b7u0wtZkq69xSAvN4P3SKvn8-d_amN4N_wLFIqBRTAAKS_RtjLSDeODrE-a0hHL1QdGA',
		'www.hefra.nl': 'ABQIAAAAjc2R0wyBj7b7u0wtZkq69xRYj5ikGZ23VDt6esvmTfMAESPaJxRtbOz0WyTThgqzOA9fXz7M5ysL-Q',
		'sqlserver': 'ABQIAAAAjc2R0wyBj7b7u0wtZkq69xRBujRsJJ7LCbnvhR6FVOpIaI2haBQWFsMW4ZCxPwm2rS8vbQIumL39EA'
	}[location.host] + '&amp;sensor=false" type="text/javascript"><\/script>'
);

document.write(
	'<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=' +
	{
		'www.vmf-battery.com': 'ABQIAAAABcy03Fbj4jHRvmFeHds0UBSiDvVpe5eUgXaK0v5Xqk1lG4izWhQnpmy_QQwgN8k-H_1S1yttq3avAg',
		'www.hefra.nl': 'ABQIAAAABcy03Fbj4jHRvmFeHds0UBSiDvVpe5eUgXaK0v5Xqk1lG4izWhQnpmy_QQwgN8k-H_1S1yttq3avAg',
		'sqlserver': 'ABQIAAAABcy03Fbj4jHRvmFeHds0UBSiDvVpe5eUgXaK0v5Xqk1lG4izWhQnpmy_QQwgN8k-H_1S1yttq3avAg'
	}[location.host] + '&amp;sensor=false" type="text/javascript"><\/script>'
);
*/
document.write('<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key=ABQIAAAABcy03Fbj4jHRvmFeHds0UBSiDvVpe5eUgXaK0v5Xqk1lG4izWhQnpmy_QQwgN8k-H_1S1yttq3avAg" type="text/javascript"></script>');


$(document).ready(function() {
	initialize();
});

function initialize() {

	var map = new GMap2(document.getElementById("map_canvas"));
	map.setMapType(G_PHYSICAL_MAP);
	map.setUIToDefault();
	//map.addControl(new GSmallMapControl());
	//map.addControl(new GMapTypeControl());
	map.setCenter(new GLatLng(51.92269, 4.470787), 7);
	
	// Create a base icon for all of our markers that specifies the
	// shadow, icon dimensions, etc.
	var baseIcon = new GIcon(G_DEFAULT_ICON);
	baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
	baseIcon.iconSize = new GSize(30, 30);
	baseIcon.shadowSize = new GSize(37, 34);
	baseIcon.iconAnchor = new GPoint(9, 34);
	baseIcon.infoWindowAnchor = new GPoint(9, 2);

	// Creates a marker whose info window displays the letter corresponding
	// to the given index.
	function createMarker(point, info) {
		// Create a lettered icon for this point using our icon class
		var letter = info["name"].substring(0,1);
		var markerIcon = new GIcon(baseIcon);
		//letteredIcon.image = "http://www.google.com/mapfiles/marker" + letter + ".png";
		markerIcon.image = "templates/images/googlemaps/MarkerIcon.png";
		
		// Set up our GMarkerOptions object
		markerOptions = { icon:markerIcon };
		var marker = new GMarker(point, markerOptions);
		
		GEvent.addListener(marker, "click", function() {
			marker.openInfoWindowHtml( getHTML(info));
		});
		
		return marker;
	}
	
	var info = {
		name: 		'Hefra Rotterdam',
		street: 	'Hongkongstraat 25',
		pc:			'3047 BR',
		city:		'Rotterdam',
		country:	'Netherlands',
		image:		'rotterdam.jpg',
		link:		'/docs/webshop.asp?act=doc&id=168208'
	};
	
	var point = new GLatLng( 51.92269, 4.470787 );
	map.addOverlay(createMarker(point, info));
	
	var info = {
		name: 		'Wilco Leerdam',
		street: 	'Gildenstraat 24',
		pc:			'4143 HS',
		city:		'Leerdam',
		country:	'Netherlands',
		image:		'leerdam.jpg',
		link:		'/docs/webshop.asp?act=doc&id=168211'
	};
	
	var point = new GLatLng( 51.898616, 5.107348 );
	map.addOverlay(createMarker(point, info));
	
	var info = {
		name: 		'Wilco Wormerveer',
		street: 	'Kikkertweg 9',
		pc:			'1521 RE',
		city:		'Wormerveer',
		country:	'Netherlands',
		image:		'wormerveer.jpg',
		link:		'/docs/webshop.asp?act=doc&id=168209'
	};
	var point = new GLatLng( 52.506303,4.781844 );
	map.addOverlay(createMarker(point, info));
	
	var info = {
		name: 		'Hefra Olst',
		street: 	'Industrietrerrein "de Meente" 15',
		pc:			'8121 EV',
		city:		'Olst',
		country:	'Netherlands',
		image:		'olst.jpg',
		link:		'/docs/webshop.asp?act=doc&id=168210'
	};
	var point = new GLatLng( 52.347443,6.111753 );
	map.addOverlay(createMarker(point, info));
	
	var info = {
		name: 		'Hefra Belgi&euml;',
		street: 	'Bredabaan 222',
		pc:			'2170',
		city:		'Merksem',
		country:	'Belgi&euml;',
		image:		'belgie.jpg',
		link:		'/docs/webshop.asp?act=doc&id=201293'
	};
	var point = new GLatLng( 51.239718,4.437314 );
	map.addOverlay(createMarker(point, info));
	
}

function getHTML(info) {
	return(
			'<div class="info">'+
				'<h2>'+info.name+'</h2>'+
				'<div class="columns2">'+
					'<div class="column1">'+
						'<img src="templates/images/googlemaps/'+info.image+'" />'+
					'</div>'+
					'<div class="column2">'+
						''+info.street+'<br/>'+
						''+info.pc+' '+info.city+'<br/>'+
						''+info.country+'<br/>'+
						'<br/>'+
						'<a href="'+info.link+'">Lees meer</a>'+
					'</div>'+
				'</div>'+
			'</div>'
	);
}