var imagemapUseMouseAsPopupLocation = false;
  $(function() {
    // Create javascript imagemap popups
    $("div.imagemapplaceholder").imagemap();
  });

(function($) {

  /*
  Create imagemap popups for an imagemap
  */
  $.fn.imagemap = function(options) {
    // var config = $.extend({}, options || {});
    var config = options;

    var imagemaps = $(this);
    if (imagemaps.size() > 1) {
      $(this).each(function() { $(this).imagemap(config) });
    }
    else if (imagemaps.size() == 1) {
      var curSpotOpen = "";
      var current = $(this);
      var img = current.find("img.imagemap");
      var map = current.find("map");
      var type = map.attr("alt");
      if (type != null && type != '' && type.contains(":")) {
        type = type.split(":")[1];
      }
      else {
        type = 'mouseover';
      }
      // First hide all popups
      current.find(".imagemapplaceholder");

      var hide = function(id) {
        $(id).hide();
        curSpotOpen = "";
        return false;
      };

      var show = function(area, id, event) {
        if (curSpotOpen != "") {
          hide(curSpotOpen);
        }

        var spot = $(id);

        if (area != null) {
          var x = 0;
          var y = 0;

          if (imagemapUseMouseAsPopupLocation) {
            x = event.clientX + config.offset.x + $(window).scrollLeft();
            y = event.clientY + config.offset.y + $(window).scrollTop();
          }
          else {
            // Imagemap is absolute gepositioneerd tov parent div
            x = 0;
            y = 0;

            var coords = area.attr("coords").split(",");
            var minX = 10000;
            var minY = 10000;
            var maxX = 0;
            var maxY = 0;
            var corInd;
            var shape = area.attr("shape").toLowerCase();

            if (shape.indexOf("poly") == 0 || shape.indexOf("rect") == 0) {
              for (corInd = 0; corInd < coords.length; corInd += 2) {
                var curX = parseInt(coords[corInd], 10);
                if (curX < minX) minX = curX;
                if (curX > maxX) maxX = curX;
              }
              for (corInd = 1; corInd < coords.length; corInd += 2) {
                var curY = parseInt(coords[corInd], 10);
                if (curY < minY) minY = curY;
                if (curY > maxY) maxY = curY;
              }
              x += (minX + maxX) / 2;
              y += (minY + maxY) / 2;
            }
            else if (shape == "circle") {
              x += parseInt(coords[0], 10);
              y += parseInt(coords[1], 10);
            }
          }

          spot.css("left", x + "px");
          spot.css("top", y + "px");

          spot.show();
          curSpotOpen = id;

          return false;
        }

        return true;
      };

      current.find("map area").bind(type, function(event) {
        var area = $(this);
        var id = area.attr("href");
        return show(area, id, event);
      });
      current.find(".hotspot_popup").each(function() {
        var hotspot = $(this);
        var hotspotId = hotspot.attr("id");
        hotspot.find(".sluitkruis").click(function(event) {
          return hide("#" + hotspotId);
        });
      });
    }
  };
})(jQuery);