// JavaScript Document


// Create a base icon for all of our markers that specifies the
// shadow, icon dimensions, etc.         
var vipbusIcon = new GIcon(G_DEFAULT_ICON);
vipbusIcon.shadow = "http://typischdenbosch.com/wp-content/plugins/wp-gml/images/gm_icons/kikker_schaduw.png";
vipbusIcon.image = "http://typischdenbosch.com/wp-content/plugins/wp-gml/images/gm_icons/kikker.png";
vipbusIcon.iconSize = new GSize(48, 45);     
vipbusIcon.shadowSize = new GSize(65, 45);             
vipbusIcon.iconAnchor = new GPoint(0, 0);
vipbusIcon.infoWindowAnchor = new GPoint(45, 20);
vipbusIcon.imageMap = [1,36,12,19,52,10,60,38,21,50,1,37];

var vipbusIcon2 = new GIcon(G_DEFAULT_ICON);               
vipbusIcon2.shadow = "http://typischdenbosch.com/wp-content/plugins/wp-gml/images/gm_icons/caravan_schaduw.png";
vipbusIcon2.image = "http://typischdenbosch.com/wp-content/plugins/wp-gml/images/gm_icons/caravan.png";
vipbusIcon2.iconSize = new GSize(76, 43);
vipbusIcon2.shadowSize = new GSize(90, 43);
vipbusIcon2.iconAnchor = new GPoint(53, 59);
vipbusIcon2.infoWindowAnchor = new GPoint(50, 19);
vipbusIcon2.imageMap = [19,62,0,30,2,18,12,13,19,12,26,20,35,16,45,20,48,29,48,37,30,57,17,60];

// Creates a basic event marker whose info window displays the corresponding event info
function createMarker(point, cat, name, date, time, descr, loc) {
  // Create a VIP icon for this event/point using icon class          
  var VIPIcon1 = new GIcon(vipbusIcon);		  
  var VIPIcon2 = new GIcon(vipbusIcon2);          
  
  // Set up GMarkerOptions object
  if(cat == 1) markerOptions = { icon:VIPIcon1}; //kikker
  if(cat == 2) markerOptions = { icon:VIPIcon2}; //caravan


  var targetdiv = document.getElementById("mid_bottom");
  var midBottomHtml = "<h1>" + name + "</h1><em>" + date + "</em><br /><strong>" + time + "</strong><br /><em>" + loc + "</em><br /><br />" + descr;

  var marker = new GMarker(point, markerOptions);
  GEvent.addListener(marker, "click", function() {
	marker.openInfoWindowHtml("<div class=\"info_win_contentbox\"><span class=\"info_win_titel\">" + name + "</span><br /><span class=\"info_win_date\">" + date + "<br />" + time + "</span><br /><span class=\"info_win_location\">" + loc + "</span><br /><span class=\"info_win_descr\">" + descr + "</span></div>");
  });
  GEvent.addListener(marker, "click", function() { targetdiv.innerHTML = midBottomHtml; });
		  
  return marker;
}


// Creates a poeple marker whose info window displays the corresponding people info
function createMarkerPeople(point, cat, name, descr, int_url, url) {
  // Create a VIP icon for this event/point using icon class  
  var VIPIcon6 = new GIcon(vipbusIcon6);
  var VIPIcon7 = new GIcon(vipbusIcon7);
  
  // Set up GMarkerOptions object
  if(cat == 3) markerOptions = { icon:VIPIcon6}; //crew
  if(cat == 4) markerOptions = { icon:VIPIcon7}; //shop
  
  var marker = new GMarker(point, markerOptions);
  GEvent.addListener(marker, "click", function() {
	marker.openInfoWindowHtml("<div class=\"info_win_contentbox\"><span class=\"info_win_titel\">" + name + "</span><br /><span class=\"info_win_descr\">" + descr + "</span>&nbsp;&nbsp;&nbsp;<span class=\"info_win_date\"><a class=\"a_linkblauwblauw\" href=\"" + url + "\" target=\"_blank\">Lees meer...>></a></span><br /><br /><span class=\"info_win_location\"><a class=\"a_linkgroengroen\" href=\"" + url + "\" target=\"_blank\">" + url + "</a></span><br /></div>");
  });
  GEvent.addListener(marker, "click", function() { targetdiv.innerHTML = midBottomHtml; });
		  
  return marker;
}