// 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://www.devipbus.nl/wp-content/plugins/wp-gml/images/gm_icons/gastro_shadow.png";
vipbusIcon.image = "http://www.devipbus.nl/wp-content/plugins/wp-gml/images/gm_icons/places.png";
vipbusIcon.iconSize = new GSize(70, 50);
vipbusIcon.shadowSize = new GSize(70, 50);
vipbusIcon.iconAnchor = new GPoint(2, 35);
vipbusIcon.infoWindowAnchor = new GPoint(25, 35);
vipbusIcon.imageMap = [1,36,12,19,52,10,60,38,21,50,1,37];

var vipbusIcon2 = new GIcon(G_DEFAULT_ICON);
vipbusIcon2.shadow = "http://www.devipbus.nl/wp-content/plugins/wp-gml/images/gm_icons/passie_shadow.png";
vipbusIcon2.image = "http://www.devipbus.nl/wp-content/plugins/wp-gml/images/gm_icons/people.png";
vipbusIcon2.iconSize = new GSize(60, 60);
vipbusIcon2.shadowSize = new GSize(60, 60);
vipbusIcon2.iconAnchor = new GPoint(20, 59);
vipbusIcon2.infoWindowAnchor = new GPoint(20, 39);
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];

var vipbusIcon3 = new GIcon(G_DEFAULT_ICON);
vipbusIcon3.shadow = "http://www.devipbus.nl/wp-content/plugins/wp-gml/images/gm_icons/pd_shadow.png";
vipbusIcon3.image = "http://www.devipbus.nl/wp-content/plugins/wp-gml/images/gm_icons/products.png";
vipbusIcon3.iconSize = new GSize(80, 50);
vipbusIcon3.shadowSize = new GSize(80, 50);
vipbusIcon3.iconAnchor = new GPoint(33, 33);
vipbusIcon3.infoWindowAnchor = new GPoint(33, 33);
vipbusIcon3.imageMap = [33,18,57,21,66,34,60,45,31,49,9,45,0,34,9,22,33,15];

var vipbusIcon4 = new GIcon(G_DEFAULT_ICON);
vipbusIcon4.shadow = "http://www.devipbus.nl/wp-content/plugins/wp-gml/images/gm_icons/kd_shadow.png";
vipbusIcon4.image = "http://www.devipbus.nl/wp-content/plugins/wp-gml/images/gm_icons/projects.png";
vipbusIcon4.iconSize = new GSize(55, 55);
vipbusIcon4.shadowSize = new GSize(55, 55);
vipbusIcon4.iconAnchor = new GPoint(24, 32);
vipbusIcon4.infoWindowAnchor = new GPoint(24, 32);
vipbusIcon4.imageMap = [25,7,38,12,44,21,47,34,41,49,22,56,5,46,0,28,7,16,14,11];

var vipbusIcon5 = new GIcon(G_DEFAULT_ICON);
vipbusIcon5.shadow = "http://www.devipbus.nl/wp-content/plugins/wp-gml/images/gm_icons/ondern_shadow.png";
vipbusIcon5.image = "http://www.devipbus.nl/wp-content/plugins/wp-gml/images/gm_icons/philosophies.png";
vipbusIcon5.iconSize = new GSize(60, 45);
vipbusIcon5.shadowSize = new GSize(60, 45);
vipbusIcon5.iconAnchor = new GPoint(16, 36);
vipbusIcon5.infoWindowAnchor = new GPoint(16, 36);
vipbusIcon5.imageMap = [39,15,49,27,46,40,8,44,1,34,3,20,38,15];

var vipbusIcon6 = new GIcon(G_DEFAULT_ICON);
vipbusIcon6.shadow = "http://www.devipbus.nl/wp-content/plugins/wp-gml/images/gm_icons/crew_shadow.png";
vipbusIcon6.image = "http://www.devipbus.nl/wp-content/plugins/wp-gml/images/gm_icons/crew.png";
vipbusIcon6.iconSize = new GSize(60, 45);
vipbusIcon6.shadowSize = new GSize(60, 45);
vipbusIcon6.iconAnchor = new GPoint(16, 36);
vipbusIcon6.infoWindowAnchor = new GPoint(16, 36);
vipbusIcon6.imageMap = [39,15,49,27,46,40,8,44,1,34,3,20,38,15];

var vipbusIcon7 = new GIcon(G_DEFAULT_ICON);
vipbusIcon7.shadow = "http://www.devipbus.nl/wp-content/plugins/wp-gml/images/gm_icons/crew_shadow.png";
vipbusIcon7.image = "http://www.devipbus.nl/wp-content/plugins/wp-gml/images/gm_icons/shop.png";
vipbusIcon7.iconSize = new GSize(60, 45);
vipbusIcon7.shadowSize = new GSize(60, 45);
vipbusIcon7.iconAnchor = new GPoint(16, 36);
vipbusIcon7.infoWindowAnchor = new GPoint(16, 36);
vipbusIcon7.imageMap = [39,15,49,27,46,40,8,44,1,34,3,20,38,15];

// 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);          
  var VIPIcon3 = new GIcon(vipbusIcon3);		  
  var VIPIcon4 = new GIcon(vipbusIcon4);         
  var VIPIcon5 = new GIcon(vipbusIcon5);
  
  // Set up GMarkerOptions object
  if(cat == 1) markerOptions = { icon:VIPIcon2}; //people
  if(cat == 2) markerOptions = { icon:VIPIcon3}; //products
  if(cat == 3) markerOptions = { icon:VIPIcon5}; //philosophies
  if(cat == 4) markerOptions = { icon:VIPIcon4}; //projects 
  if(cat == 5) markerOptions = { icon:VIPIcon1}; //places

 
  
  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 == 6) markerOptions = { icon:VIPIcon6}; //crew
  if(cat == 7) 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 /></div>");
  });
  GEvent.addListener(marker, "click", function() { targetdiv.innerHTML = midBottomHtml; });
		  
  return marker;
}