var map;
var infowindow;
var mapBounds;
var markers = [];
var zl = 0;
var curIW;

function showMap(mts) {
	eval('mt = google.maps.MapTypeId.' + mts);
	mapBounds = new google.maps.LatLngBounds();
	
	var myLatlng = new google.maps.LatLng(0, 0);
	var myOptions = {
	  zoom: 10,
	  center: myLatlng,
	  mapTypeId: mt,
	  mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU}
	}
	map = new google.maps.Map(document.getElementById("map"), myOptions);
	
	var anchors = eId("mapLinks").getElementsByTagName('a');
		for (var i=0; i<anchors.length; i++){
			var a = anchors[i];
			addMarker(a.getElementsByTagName('span')[0].innerHTML, a.firstChild.innerHTML, a.title,  a.getAttribute('href'), '');
		}
	var divs = eId("mapBallons").getElementsByTagName('div');
		for (var i=0; i<divs.length; i++){
			var d = divs[i];
			addMarker(d.getElementsByTagName('span')[0].innerHTML, (i + 1) + '. ' + d.title, d.title, '', d.innerHTML);
		}
	map.fitBounds(mapBounds);
}



function addMarker(loc, title, title2, lnk, html){
	ll = new google.maps.LatLng(parseFloat(loc.split(',')[0]), parseFloat(loc.split(',')[1]));
	infowindow = new google.maps.InfoWindow({maxWidth: 300});
	mapMarker = new google.maps.Marker({ position: ll,  map: map, title: title, icon: '/grafiek/i.png'});
	if (html != ''){
		  google.maps.event.addListener(mapMarker, 'click', function() {curIW=infowindow; infowindow.setContent('<div class="ballonDiv">' + html + '</div>'); infowindow.open(map, this)} );
	}
	else if (lnk.indexOf('.jpg') > 1)
		 {google.maps.event.addListener(mapMarker, 'click', function() {mapGroot(lnk, title2)} );	}
	else {google.maps.event.addListener(mapMarker, 'click', function() {location.href=lnk} )}
	
	markers.push(mapMarker);
	
	mapBounds.extend(ll);
}

function openMarker(i){
	if (i + '' != ''){
document.getElementById('mapreset').style.display='block';currentMarker = i; if (zl==0) zl = map.getZoom(); if (zl > 14) zl = 14; map.setCenter(markers[i].getPosition());map.setZoom(zl + 3);google.maps.event.trigger(markers[i],"click");}
	else {resetMap()}
}

function resetMap(){document.getElementById('mapreset').style.display='none'; curIW.close();map.fitBounds(mapBounds); }

function mapGroot(img, title){
	ghtm = '<div id="bijschrift"><a id="sluit" href="javascript:sluitpopup()"></a>' + title + '</div>';
	ghtm += '<img onload="pw()" id="breedste" src="' + img + '"/>';
	popup(ghtm);
}