var gmap;
var gLatLong = new Array();
var gHTML = new Array();
var gIcons = new Array();

gLatLong['cs'] = new GLatLng(52.089415, 5.109190);
gLatLong['dm'] = new GLatLng(52.090680, 5.121640);
gLatLong['h1'] = new GLatLng(52.091450, 5.106491);
gLatLong['h2'] = new GLatLng(52.090175, 5.106288);
gLatLong['h3'] = new GLatLng(52.088743, 5.122643);
gLatLong['h4'] = new GLatLng(52.091782, 5.122612);
gLatLong['h5'] = new GLatLng(52.078036, 5.114962);
gLatLong['h6'] = new GLatLng(52.077620, 5.114179);
gLatLong['mp'] = new GLatLng(52.087549, 5.104437);
gLatLong['sw'] = new GLatLng(52.088782, 5.1195);
gLatLong['yl'] = new GLatLng(52.085387, 5.125251);

gHTML['cs'] = '<h3>Utrecht Centraal</h3><p>Train station &#8216;Utrecht Centraal&#8217;<br />Follow the signs &#8216;Jaarbeurs&#8217;</p>';
gHTML['dm'] = '<h3>Domtoren</h3><p>Domplein 21, Utrecht</p>';
gHTML['h1'] = '<h3>Park Plaza Utrecht</h3><p><em>Hotel, 4 stars</em><br />Westplein 50<br />Utrecht</p>';
gHTML['h2'] = '<h3>NH Utrecht</h3><p><em>Hotel, 4 stars</em><br />Jaarbeursplein 24<br />Utrecht</p>';
gHTML['h3'] = '<h3>Court Hotel</h3><p><em>Hotel, 4 stars</em><br />Korte Nieuwstraat 14<br />Utrecht</p>';
gHTML['h4'] = '<h3>NH Centre Utrecht Hotel</h3><p><em>Hotel, 3 stars</em><br />Janskerkhof 10 <br />Utrecht</p>';
gHTML['h5'] = '<h3>Beurshotel</h3><p><em>Hotel, 2 stars</em><br />Balijelaan 1<br />Utrecht</p>';
gHTML['h6'] = '<h3>Little Siam Hotel</h3><p><em>Hotel, 2 stars</em><br />Balijelaan 17<br />Utrecht</p>';
gHTML['mp'] = '<h3><img src="/2008/images/logo-dxf.gif" alt="Design by Fire conference" /><br />Media Plaza</h3><p>Jaarbeurs Hal 6, Croeselaan 6<br />Utrecht</p>';
gHTML['sw'] = '<h3>Parking</h3><p>Springweg/Strosteeg<br />Utrecht</p>';
gHTML['yl'] = '<h3>Ylab</h3><p><em>design for interactive media</em><br />Lange Nieuwstraat 78<br />3512 PM  Utrecht</p>';

gIcons['std'] = new GIcon();
gIcons['std'].image = '/2008/images/mm_20_maroon.png';
gIcons['std'].shadow = '/2008/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 = '/2008/images/mm_20_gray.png';

gIcons['dom'] = new GIcon(gIcons['std']);
gIcons['dom'].image = '/2008/images/mm_20_dom.png';
gIcons['dom'].shadow = '/2008/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);

gIcons['htl'] = new GIcon(gIcons['std']);
gIcons['htl'].image = '/2008/images/mm_20_hotel.png';
gIcons['htl'].shadow = '/2008/images/mm_20_hotelshadow.png';
gIcons['htl'].iconSize = new GSize(17, 20);
gIcons['htl'].shadowSize = new GSize(24, 20);
gIcons['htl'].iconAnchor = new GPoint(10, 20);

gIcons['dxf'] = new GIcon();
gIcons['dxf'].image = '/2008/images/logo-dxf.png';
gIcons['dxf'].iconSize = new GSize(160, 60);
gIcons['dxf'].iconAnchor = new GPoint(80, 60);


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

  if (GBrowserIsCompatible()){
    gmap = new GMap2($('map'));
    gmap.addControl(new GLargeMapControl());
		gmap.setCenter(gLatLong['mp'], 15);

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

    addMarker(gLatLong['h1'], gIcons['htl'], gHTML['h1'], false);
    addMarker(gLatLong['h2'], gIcons['htl'], gHTML['h2'], false);
    addMarker(gLatLong['h3'], gIcons['htl'], gHTML['h3'], false);
    addMarker(gLatLong['h4'], gIcons['htl'], gHTML['h4'], false);
    addMarker(gLatLong['h5'], gIcons['htl'], gHTML['h5'], false);
    addMarker(gLatLong['h6'], gIcons['htl'], gHTML['h6'], 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);
	  }
	}
}