var gmap;
var gLatLong = new Array();
    gLatLong['cs'] = new GLatLng(52.090995, 5.111037);
    gLatLong['cc'] = new GLatLng(52.087345, 5.124575);
    gLatLong['yl'] = new GLatLng(52.085387, 5.125251);
    gLatLong['dm'] = new GLatLng(52.090680, 5.121640);
    gLatLong['tl'] = new GLatLng(52.085415, 5.111037);
    gLatLong['br'] = new GLatLng(52.090995, 5.124897);
    gLatLong['sw'] = new GLatLng(52.088782, 5.1195);
    

var gHTML = new Array();
    gHTML['yl'] = '<h3>Ylab</h3><p>Lange Nieuwstraat 78<br />3512 PM  Utrecht</p>';
    gHTML['cs'] = '<h3>Utrecht Centraal</h3><p>Train station &#8216;Utrecht Centraal&#8217;<br />Shopping centre &#8216;Hoog Catharijne&#8217;</p>';
    gHTML['dm'] = '<h3>Domtoren</h3><p>Domplein 21, Utrecht</p>';
    gHTML['cc'] = '<h3>Museum Catherijneconvent</h3><p>Lange Nieuwstraat 38<br />3512 PH Utrecht</p>';
    gHTML['sw'] = '<h3>Parking</h3><p>Springweg/Strosteeg<br />Utrecht</p>';

var gIcons = new Array();
		gIcons['std'] = new GIcon();
		gIcons['std'].image = '../images/mm_20_maroon.png';
		gIcons['std'].shadow = '../images/mm_20_shadow.png';
		gIcons['std'].iconSize = new GSize(12, 20);
		gIcons['std'].shadowSize = new GSize(22, 20);
		gIcons['std'].iconAnchor = new GPoint(6, 20);
		gIcons['std'].infoWindowAnchor = new GPoint(5, 1);

		gIcons['fav'] = new GIcon(gIcons['std']);
		gIcons['fav'].image = '../images/mm_20_gray.png';

		gIcons['dom'] = new GIcon(gIcons['std']);
		gIcons['dom'].image = '../images/mm_20_dom.png';
		gIcons['dom'].shadow = '../images/mm_20_domshadow.png';
		gIcons['dom'].iconSize = new GSize(10, 28);
		gIcons['dom'].shadowSize = new GSize(23, 28);
		gIcons['dom'].iconAnchor = new GPoint(5, 28);

function loadGM() {
	var mapheader = $('mapheader');
	mapheader.onclick=function(){
	  $('mappanel').style.display='none';
	};

  if (GBrowserIsCompatible()){
    gmap = new GMap2($('map'));
    gmap.addControl(new GLargeMapControl());
    //gmap.addControl(new GMapTypeControl());
		gmap.setCenter(gLatLong['cc'], gmap.getBoundsZoomLevel(new GLatLngBounds(gLatLong['tl'], gLatLong['br'])));
		//gmap.openInfoWindowHtml(gLatLong['cc'],gHTML['cc']);

    addMarker(gLatLong['dm'], gIcons['dom'], gHTML['dm'], false);
    addMarker(gLatLong['cc'], gIcons['std'], gHTML['cc'], false);
    addMarker(gLatLong['cs'], gIcons['fav'], gHTML['cs'], false);
    addMarker(gLatLong['yl'], gIcons['fav'], gHTML['yl'], false);
    addMarker(gLatLong['sw'], gIcons['fav'], gHTML['sw'], false);

    window.onunload = function() {GUnload();}
	}
}

function goAndShow(m){
	var panel = $('mappanel');
	panel.style.top='230px';
	panel.style.display='block';
  if(!gmap){
    loadGM();
  }
	gmap.panTo(gLatLong[m]);
	gmap.openInfoWindowHtml(gLatLong[m],gHTML[m]);
	return false;
}

function addMarker(loc, icon, html, bOpen){
  var marker = new GMarker(loc, icon);
  gmap.addOverlay(marker);
  attachInfo(marker, html, bOpen);
}

function attachInfo(marker, infohtml, bOpen){
	if(marker && infohtml){
	  GEvent.addListener(marker, 'click', function() {
	    marker.openInfoWindowHtml(infohtml);
	  });
	  if(bOpen){
	    marker.openInfoWindowHtml(infohtml);
	  }
	}
}